Не отображается полосочка в :after15.08.2021 От: faq Из: Веб-строительство nikonlay 22 апреля 2020, 15:06 347Подскажите пожалуйста, хотел взять вот такую полосочку http://prntscr.com/s422g8 под заголовком отсюда https://www.kawai-global.com/product/sk-5/ , там такой код: http://prntscr.com/s41zn9 .pro_detail h3::after { content: ""; width: 72px; height: 1px; }Скопировал аналогично — почему-то не работает. http://prntscr.com/s423zkХотя, если для теста ставлю просто content: «test» — слово отображается.А вот заданием просто ширины, высоты и бекграунда — не работает.Мог бы кто-нибудь подсказать, почему? WCREATOR 22 апреля 2020, 15:11h1{ border-bottom:1px solid #cccccc; padding-bottom:3px;} timo-71 22 апреля 2020, 16:17nikonlay:height: 1px;display:block; dma84 22 апреля 2020, 18:04.pro_detail h3::after { content: ""; display: block; background: gray; width: 72px; height: 1px; margin: auto;} nikonlay 2 мая 2020, 15:43timo-71, dma84 — Спасибо за ответы!Действительно, добавил display: block; и все заработало!WCREATOR — да, такой способ создания подчеркивания тоже знаю, но хотелось именно озвученный в топике, тк он дает возможность настроить ширину. Похожие записи:Отправка писем с сайта Помогите с css Cannot set property '_renderItem' of undefined Мистика с favicon Какого размера должны быть картинки для сайта
nikonlay
Подскажите пожалуйста, хотел взять вот такую полосочку http://prntscr.com/s422g8 под заголовком отсюда https://www.kawai-global.com/product/sk-5/ , там такой код: http://prntscr.com/s41zn9
Скопировал аналогично — почему-то не работает. http://prntscr.com/s423zk
Хотя, если для теста ставлю просто content: «test» — слово отображается.
А вот заданием просто ширины, высоты и бекграунда — не работает.
Мог бы кто-нибудь подсказать, почему?
WCREATOR
h1
{
border-bottom:1px solid #cccccc;
padding-bottom:3px;
}
timo-71
height: 1px;
dma84
nikonlay
timo-71, dma84 — Спасибо за ответы!
Действительно, добавил display: block; и все заработало!
WCREATOR — да, такой способ создания подчеркивания тоже знаю, но хотелось именно озвученный в топике, тк он дает возможность настроить ширину.