You are using a cricket bat to play baseball
Use table
for tabular layouts
Change your markup, use table
, tr
, td
and not , ul
ul
are meant for listing items.
If anyways you want to use ul
and li
for creating a table layout, than you should use display: table;
and display: table-cell;
which changes the display
of the elements, but still, you shouldn't do that, you will find hard to use display: table-row;
and such properties as only li
can be nested as a direct child to ul
element.