Как лучше сделать декоративную линию между двумя словами?

Question

[LOLIK777]

Comments

[IvanU7n]

кодом

какой вопрос, таков и ответ, т.к. нифига не понятно что за слова и в каком они внешнем контексте

[LOLIK777]

Жалоба отправлена.

Answer 1

[Kinolog76]

Я бы сделал через span
Поставил бы его между словами и задал стили:

display: block;
height: 1px;
width: 100%;
background-color: #fff

А самому контейнеру:

display: flex;
align-items: flex-end;
justify-content: space-between;

Comments

[LOLIK777]

Спасибо!

[Ankhena]

Я бы сделал через span

Для этого уже давно-давно придуманы псевдоэлементы.
Чтобы не мусорить в разметке тем, что не имеет к ней отношения.

[Kinolog76]

Ankhena, так напиши способ через псевдоелемент‍

[Ankhena]

Kinolog76, аналогично, только вместо span псевдо.

Ну и любые вариации чей это псевдо. От обертки или от элементов.

Для этого не нужен отдельный ответ.