Question

I just want to order some li tags the same way I would do with this code

<table>

<tr>
    <td colspan='2' rowspan='2'>
    </td>
    <td>
    </td>
    <td>
    </td>
</tr>
<tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
</tr>
<tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>

</tr>

For JQuery script reason, I can’t use a table, only a list, but I want to display it just like it would have been with a table.

So, I don’t know which of theses properties I have to use:

Inline-block,
Block,
Inline

Answer 1

As the comments mention: display: table-cell is the key. The layout you asked for should look something like

<ul style="display: table;">
  <li style="display: table-row;">
    <ul>
      <li style="display: table-cell;"></li>
      ...
    </ul>
  </li>
  ...
</ul>