css bullets in 3 colum

[moer2237]

Hi,

Css bullet is doable but how do you break it up into colums?

[like this](http://www.mytravel22.com/login/sample.gif “like this”)

[Paulie_D]

3 lists would be the simplest way.

If you can provide us with a link to the example site we could take a look at how they did it.

[moer2237]

Thanks Paulie_D,

3 list works but i’ve ran into some alignment issue. Finally decided to go for html table with css styling instead. Looks acceptable.

[sample](http://www.mytravel22.com/login/kemaman/test11.html “here”)

[Paulie_D]

>3 list works but I’ve ran into some alignment issue.

I’d be happy to help you with this issue

>Finally decided to go for html table with css styling instead. Looks acceptable.

Maybe it looks acceptable but it’s the least optimal solution.

[David_Leitch]

I was able to put it together with width 33.33% and float left. You can check it out [here](http://codepen.io/David_Leitch/pen/wEnuk “http://codepen.io/David_Leitch/pen/wEnuk”). Hope it helps :)

[Paulie_D]

On looking at the the table implementation, the issue may be the double-line status of some of the list items.

When one of the list items breaks on to two lines it looks ‘neater’ if the adjacent list items (left & right) also expand to the same height.

Hard to replicate with lists as they are.

[Author]

Posts