Как выровнять по горизонтали пули влево при удалении прокладки из ул?

Question

У меня есть следующий код:

<p>Get ready.</p>

<ul>
  <li>This</li>
  <li>is</li>
  <li>not</li>
  <li>a</li>
  <li>list.</li>
</ul>

Я хотел бы удалить левый отступ ul, чтобы маркеры были выровнены по горизонтали с текстом перед ul. К сожалению, когда я установил левый отступ ul на 0px, содержимое li выравнивается с тем, что над ними, и пули торчат влево. Я мог бы вручную установить для отступа ul значение, которое работает в моем текущем браузере, но, боюсь, оно может работать не во всех браузерах.

Answer 1

<p>Get ready.</p>

<ul style="padding-left: 0;list-style-position: inside;"> <li>This</li>
<li>is</li>
  <li>not</li>
  <li>a</li>
  <li>list.</li>
</ul>
</div>

Answer 2

ul li{
    display: inline-block;
    padding: 20px
}

это должно сделать это.