Как лучше сделать декоративную линию между двумя словами?
Дополнительно:
кодом
какой вопрос, таков и ответ, т.к. нифига не понятно что за слова и в каком они внешнем контексте
Ответы:
Я бы сделал через span
Поставил бы его между словами и задал стили:
display: block; height: 1px; width: 100%; background-color: #fff |
display: block; height: 1px; width: 100%; background-color: #fff
А самому контейнеру:
display: flex; align-items: flex-end; justify-content: space-between; |
display: flex; align-items: flex-end; justify-content: space-between;
- Спасибо!
-
Я бы сделал через span
Для этого уже давно-давно придуманы псевдоэлементы.
Чтобы не мусорить в разметке тем, что не имеет к ней отношения. - Ankhena, так напиши способ через псевдоелемент
- Kinolog76, аналогично, только вместо span псевдо.
Ну и любые вариации чей это псевдо. От обертки или от элементов.
Для этого не нужен отдельный ответ.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания декоративной линии между двумя словами можно использовать различные способы в зависимости от требуемого стиля и эффекта. Один из самых популярных способов - использование псевдоэлемента ::after в CSS.
Пример использования псевдоэлемента для создания декоративной линии:
```html
.decorated-text {
position: relative;
display: inline-block;
}
.decorated-text::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: black; /* Цвет линии */
}
```
В данном примере создается псевдоэлемент ::after для блока с классом "decorated-text", который будет отображать горизонтальную линию под текстом. Вы можете настроить цвет линии, толщину, расположение и другие стили в соответствии с вашим дизайном.
Если вам нужно другое оформление линии, вы также можете использовать другие методы, такие как использование градиентов, изображений, SVG или других CSS свойств для создания желаемого эффекта.
Надеюсь, это поможет вам создать декоративную линию между двумя словами с помощью CSS! Если у вас есть дополнительные вопросы или вам нужна дополнительная помощь, не стесняйтесь обращаться.