мои списки не выравниваются должным образом и не уверены, как исправить - PullRequest
Новая
       17

мои списки не выравниваются должным образом и не уверены, как исправить

0 голосов
/ 27 июня 2019

У меня есть список, который выглядит следующим образом, и я не помещаю в него никакой CSS, но он не выравнивается по пуле после переноса во второй строке ...

template: 

            <ul>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
            </ul>

Вывод:

enter image description here

Я хочу, чтобы каждый из списков выровнялся по пуле, есть ли способ сделать это с помощью css?

1 Ответ

0 голосов
/ 27 июня 2019

Использование list-style-position: outset: 

li {list-style-position: outset}
<ul>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
</ul>
...