Как заменить таблицу тегами li?

Question

Я просто хочу заказать некоторые теги li так же, как я сделал бы с этим кодом

<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>

По сценарию JQuery я не могу использовать таблицу, только список, но я хочу отобразить ее так же, как это было бы с таблицей.

Итак, я не знаю, какие из этих свойств я должен использовать:

встроенный блок, Блок, Инлайн

Answer 1

Как отмечается в комментариях: display: table-cell является ключом. Макет, который вы просили, должен выглядеть примерно так:

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