Текст в списке переходит на новую строку

302

10 июня 2017, 13:09

main>ul>li { 
  list-style-image: url(http://www.forumklassika.ru/images/pagination/next-right.png); 
}

<main> 
  <p>Текст:</p> 
  <ul> 
    <li> 
      <h1>Заголовок</h1> 
      <p>Текст</p> 
    </li> 
    <li> 
      <h1>Заголовок</h1> 
      <p>Текст</p> 
    </li> 
    <li> 
      <h1>Заголовок</h1> 
      <p>Текст</p> 
    </li> 
  </ul> 
</main>

Здесь все отображается как надо. Но на сайте маркеры находятся снаружи (list-style-position: outside не задано). В чем может быть проблема? Вот как выглядит на сайте (https://nikitaknyazev.ru/steps.html).

Answer 1

В jsfiddle так же по логике и отрабатывает. Добавьте просто margin-left: 20px для элементов списка (li)