Как выровнять содержимое маркера?

Question

[Константин]

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

.marker>ul>li {
    list-style: none;
    line-height: 30px;}

.marker>ul>li:before {
    content: "";
    background: url(...);
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-repeat: no-repeat;

Answer 1

[Максим Тимофеев]

При каких заболеваниях применяется гомеопатия

там должен быть только 1 пункт
- острая умственная отсталость при патологической нехватке знаний
Надеюсь они Вам платят много, за то что Вы помогаете распространять эту антинаучную ерунду.

Конкретно по маркерам списка: нужно сделать через псевдоэлементы, а не через list-style-image

Comments

[Константин]

Я далек от медицины) занимаюсь другим

[Константин]

Конкретно по маркерам списка: нужно сделать через псевдоэлементы, а не через list-style-image

А вот это не пойму... у меня же и так через before

[Максим Тимофеев]

gradk, маркер выводите через псевдоэлемент ::before. Списку делаете margin слева равный ширине маркера. А list-style-image ставите none

Answer 2

[Валентин]

.marker>ul>li {
    list-style: none;
    line-height: 30px;
    padding-left: 30px;
}

Comments

[Константин]

не помогло, пробывал в режиме разработчика хрома

https://virilismed.ru/services-konsultatsii_i_diag...

Answer 3

[KononovD]

Ul, li делаем display :block
Отдельно li делаем bacground:url("путь_до_картинки") no-repeat center left;
Padding-left:40px;
Background-position-x:10px;
Background-size: 20px;

По идее должно заработать

Comments

[Константин]

не сработало

[KononovD]

gradk, сейчас сделаю codepen

[KononovD]

gradk, https://codepen.io/Kononov_D/pen/QYzzGx

Так?

Answer 4

[Ragu]

Используйте
ul {
list-style-position: outside;
margin-left: 1em; //это на свой вкус
}

htmlbook.ru/css/list-style-position