JSFiddle - React, Tailwind, and code Playground

HTML

<div class="news">
	<h1>Підпишись на новини!</h1>
</div>


<div class="news">
	<h1>Підпишись на <br>новини!</h1>
</div>

CSS

.news {
    width: 50%;
    border: 1px solid #000;
    padding: 10px;
text-align: center;    
}

h1 {
width: 83%;     
display: inline-block;
border-bottom: 1px solid #000;
}