Как выровнять список

Question

Есть список li нужно выровнять его относительно list-style-type

.list{
    display: table;
    margin: auto;
}
.list li {
    list-style-type: none;
    padding-bottom: 15px;
}
.list li:before {
    content: "㋛";
    padding-right: 10px;
}

       <div class="text">
                <ul class="list">
                    <li>Просматривать статистику покупок</li>
                    <li>Выводить денежные средства, когда удобно <br>собственнику или получать их моментально <br>после оплаты</li>
                    <li>Дополнять объявление новыми данными</li>
                    <li>Общаться с оппонентами через чат</li>
                </ul>
       </div>

Как можно увидеть второй элемент li не выровнен, часть его находится на уровне с маркером, как это исправить?

Answer 1

Например добавит display: flex; для li

.list{
    margin: auto;
}
.list li {
    list-style-type: none;
    padding-bottom: 15px;
    display: flex; /* добавить */
}
.list li:before {
    content: "㋛";
    padding-right: 10px;
}

<div class="text">
                <ul class="list">
                    <li>Просматривать статистику покупок</li>
                    <li>Выводить денежные средства, когда удобно <br>собственнику или получать их моментально <br>после оплаты</li>
                    <li>Дополнять объявление новыми данными</li>
                    <li>Общаться с оппонентами через чат</li>
                </ul>
       </div>

БЛОГ НА HUSL

Как выровнять список

Ответы (1 шт):