JSFiddle - React, Tailwind, and code Playground
by Radiocity
HTML
<div class="helper">
<div class="inner">Hello, world<br/><br/><br/><br/>...</div>
</div>CSS
.helper{
position:absolute;
top:50%;
width:100%; /*ширина изменилась из за асболютного позиционирования*/
background:red;
height: 1px;
}
.inner{
width:96px;
margin:0 auto; /*горизонтальное центрирование*/
background:#f0f0f0;
position:relative;
top:-48px;
}