JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span class="left"></span>
    <h1> sasaj lalka))) </h1>
    <span class="right"></span>
</div>

CSS

* {
    font-size: 100%
    margin: 0;
    padding: 0;
}

div {
    width: 100%;    
}
.left,
.right,
h1 {
    display: inline-block;
    line-height: 20px;
    font-size: 20px;
    vertical-align: middle;
}
.left,
.right {    
    width: 30%;    
    border: 1px solid black;
}
h1 {
    padding: 0 20px;
}