UL margin is not working

Question

The margin I'm adding to the middle list uls on this page here isn't working if any has any ideas:

ul {
font-size: 0;
margin: 2em 0;
}

<ul>
 <li>List Item 1</li>
 <li>List Item 2</li>
 <li>List Item 3</li>
</ul>

Answer 1

You have this another property:

font-size:0

With that you are almost hidding the display behavior because the margin is setted in em units:

• then if font-size is = 0 <---> margin is = 0.

If you remove that then the margin can work. Or you can change the units for the margin value too.