Как реализовать линии по бокам?

Question

[olya_097]

Comments

[WapSter]

В чем сложность, делаешь длинные линии, обращаешь родительский блок, позиционируешь линии. Ты уже задала кучу подобных вопросов, печально не знать механики в таких случаях.

[olya_097]

WapSter, с позиционированием как раз таки понятно
но я хотела чисто на флексах
Сергей сбросил линк https://www.trysmudford.com/blog/css-header-legend/
Поэтому не совсем понимаю вашу претензию
или замечание

Answer 1

[Сергей delphinpro]

В интернетах — https://yandex.ru/search/?text=css%20side%20lines%...

На тостере — https://yandex.ru/search/?text=линии%20по%20бокам%...

Comments

[olya_097]

Сергей delphinpro , спасибо

Answer 2

[fallus]

<div class="ultra__title">Ла-ла-ла</div>

.ultra__title {
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    --titleMargin: 15px;
}

.ultra__title::before,
.ultra__title::after {
    content: '';
    display: block;
    height: 3px;
    background: #000;
    width: 5%;
}

.ultra__title::before {
    margin-right: var(--titleMargin);
}

.ultra__title::after {
    margin-left: var(--titleMargin);
}