30 декабря 2018 в 2:40
Приветствую мастеров CSS. Подскажите как сделать такое:
Some text - по центру зеленого контейнера. Красный фон от левого края, до конца надписи.
Пока что смог сделать только так: https://jsfiddle.net/PlayboyZP/0xhr4bgn/
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Поддерживать инфраструктуру Drupal.ru нам помогает компания ДАЛЕЕ
Комментарии
https://jsfiddle.net/oL1zxc5t/2/
UPD: Исправил урл (сорри, не сохранил).
https://jsfiddle.net/zgx39be7/
Если background: red - тогда работает.
А если background: rgba(156, 26, 26, 0.7) (или картинкой), тогда как?
https://jsfiddle.net/PlayboyZP/dwqxt0zL/ - от bumble
https://jsfiddle.net/PlayboyZP/x9gaen61/ - от sas
https://jsfiddle.net/dwqxt0zL/4/
Только не спрашивай "а что если зелень картинкой".
Второй вариант = 2 тега, кстати картинка без проблем
https://jsfiddle.net/alexsco74/zgx39be7/16/
Антон, Алексей, спасибо! Буду пользоваться.
Видимо где-то отстал по программе.
Как этот раздел информатики называется? "Использование псевдо-классов для..." ?
Да.. flexbox мощная штука.. https://www.youtube.com/watch?v=7Lg-438gAc8&list=PLqHlAwsJRxAPs942EdJ1ak...
Только это не псевдоклассы, а псевдоэлементы)) А вообще да, очень полезная штука.
... реализации своих задумок.