<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
<li>test 5</li>
<li>test 6</li>
</ul>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
ul{
width:100%;
}
li{
display:inline-block;
width:50%;
}
I am looking to achieve a specific behavior for the
lielements:
Currently, I have set the width of the li elements to be equal at 49%. Is there a workaround or hack to make them truly equal?
In situations where I use nested div elements, setting font-size: 0 works. However, this approach is not feasible with the li elements.