Why Li With 50% Width And Float Left Don't Show Dots On The Left

I've try to create 2 colums list so I use: ul { overflow: hidden; } ul li { float: left; width: 50%; } but when I have 2 items that one on the right have list bullet and

Solution 1:

The left ones are still having a bullets but you can't see it because of the float: left;. I think if you remove it, the problem will dissapear, specially if before that you have a reset margin: 0; padding: 0; for all the elements in the current html page.

Solution 2:

I had the same problem and neither overflow:hidden nor display: inline-block worked for me.

So I cheated using the unicode number for 'bullet' before all items in my list: •

It's far from elegant, but does the trick in desperate situations.