Как заменить маркер LI, чтобы он не сдвигал строку?

Хочу заменить маркеры списка, прописал вот так:

ul {
    list-style-type: none
}

ul > li:before {
    content: "● ";
    color: #83b700;
    font-size: 1.2em;
    float: left;
}

Но теперь у меня первая строка элемента списка сдвигается на ширину этого маркера.
59d617e50483a147996959.png
Как сделать, чтобы маркер был слева, напротив первой строки, но не смещал её?
  • Вопрос задан
  • 684 просмотра
Решения вопроса 1
Audiophile
@Audiophile Автор вопроса
Сработало вот так:

&::before {
  content: "● ";
  font-family: monospace; // одинаковая ширина символов
  margin-left: -2ch; // влево на два символа
}


Спасибо Сергею.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
EvgeniyKvasyuk
@EvgeniyKvasyuk
https://jsfiddle.net/EvgeniyKvasyuk/5cnnzwuk/3/ почти как у Ankhena только со смещением, а то отступ потерялся
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы