Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
MRcracker
@MRcracker
CSS
Как выравнить текст относительно маркеровоанного списка?
Здравствуйте! Подскажите, как выравнять текст относительно маркированного списка, как на рисунке?
Вопрос задан
более трёх лет назад
109 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Ответ
пользователя
Ankhena
К ответам
на вопрос
(2)
Ankhena
@Ankhena
Куратор тега CSS
Нежно люблю верстку
маркированный, маркир
С помощью margin или padding для li.
Для наглядности задайте li background.
А еще проще поставьте картинку background'ом для li
Альтернативное решение: использовать :before.
Ответ написан
более трёх лет назад
7
комментариев
Нравится
7
комментариев
Facebook
Вконтакте
Twitter
MRcracker
@MRcracker
Автор вопроса
работает, но если текст в 2 строчки, то верстка не выравнивает картинку
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
MRcracker
: еще раз: я не вижу что и куда Вы пишете.
И написала - сделайте вообще "А еще проще поставьте картинку background'ом для li"
Написано
более трёх лет назад
MRcracker
@MRcracker
Автор вопроса
картинку фоном я поставил, но когда у li текст в 2 строчки, то как сделать чтобы картинка была между этими строками? ваш вариант позволяет сделать так, чтобы картинка была на определенном месте
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
MRcracker
: 1. выложите код на
https://jsfiddle.net/
2. Нарисуйте как они должны выравниваться, когда 2 или 3 строчки
Написано
более трёх лет назад
MRcracker
@MRcracker
Автор вопроса
https://habrastorage.org/files/e3e/94b/354/e3e94b3...
вот так должна выравниваться картинка, если текст идет в 2 строчки или больше
Написано
более трёх лет назад
MRcracker
@MRcracker
Автор вопроса
Ankhena W
: я видно что-то напутал в коде
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
MRcracker
: ну видимо еще флекс и align-items: flex-end, если текст к низу прибивать
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама