Unordered lists border does not wrap the lists items

Question

Maybe you can help.... I have this unordered list and it does not look right and my css power is limited:)

The border of the ul element does not wrap the entire list.

Please take a look at it's fiddle:

Ty!

You need to tell us what your goal is. It does not look right does not help. — Jason McCreary
– Jason McCreary, Commented Jan 6, 2012 at 19:20
Why do you want to set the list items with the CSS rule float:left; Removing that line will fix the border around the unordered list. — Web User
– Web User, Commented Jan 6, 2012 at 19:22

j08691 · Accepted Answer · 2012-01-06 19:25:41Z

4

Try adding

ul { overflow:auto; }

or just overflow:auto; to your existing #lo style.

answered Jan 6, 2012 at 19:25

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashkan Mobayen Khiabani · Accepted Answer · 2012-01-06 19:27:26Z

1

from the style #lo li

remove float: left;

and add:

display: inline-block;

answered Jan 6, 2012 at 19:27

34.4k35 gold badges111 silver badges187 bronze badges