Центр ли номер старого списка

Question

У меня есть ol список. Этот список заполнен li, который содержит текст, который может быть в несколько строк. То, что я хочу сделать, это центрировать число, обозначающее позицию в списке.

Ex:

<ol>
   <li>
       Text in multiple line
   </li>
</ol>

Будет делать:

  1. Text in
     multiple line

«1» в предыдущем примере - это то, что я хочу расположить в среднем центре. Является ли это возможным. Если да, как я могу это сделать.

Answer 1

Я думаю, это может быть то, что вы ищете:

<style>
    li span {
        display: inline-block;
        vertical-align: middle;
    }
</style>

<ol>
    <li>
      <span>Text in <br />multiple lines</span>
    </li>
    <li>
      <span>Text in one line</span>
    </li>
</ol>

Answer 2

Если ваш элемент списка должен находиться в центре, попробуйте это

<ol>
   <li style="text-align:center;">
       Text in multiple line
   </li>
</ol>

Answer 3

Использование

<ol>
<li>Text in </br>multiple line</li>
</ol>

скрипка