How to implement the lines at the sides?

5e314b34afafa051873812.png
April 4th 20 at 14:19
3 answers
April 4th 20 at 14:21
Solution
@dylan_Smith , thank you - justyn.DAmore commented on April 4th 20 at 14:24
April 4th 20 at 14:23
Solution
April 4th 20 at 14:25
<div class="ultra__title">La La La</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);
}

Find more questions by tags LayoutHTMLCSS