JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zagolovak-posentru">
    <span>ZOTNET.RU</span>
</div>

CSS

.zagolovak-posentru {
    overflow: hidden;
    text-align: center;
    font-size: 29px;
}

.zagolovak-posentru span {
    display: inline-block;
    vertical-align: middle;
}

.zagolovak-posentru:before,
.zagolovak-posentru:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 2px;
    background-color: #0072cf;
    position: relative;
}

.zagolovak-posentru:before {
    margin-left: -100%;
    left: -11px;
}

.zagolovak-posentru:after {
    margin-right: -100%;
    right: -11px;
}