JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:500px;">

<h1><span>aaaaaaaa</span></h1>
<h1><span>aaaaaaaa aaaaaaaa aaaaaaaa aaaaaaaa aaaaaaaa</span></h1>

</div>

CSS

h1{text-align:center;}

span{border:1px solid #000; display:inline-block;}