JSFiddle - React, Tailwind, and code Playground

by CBroe

HTML

<h1>
<span>hak<span>&#10;</span>una</span>
<span>mat<span>&#10;</span>ata</span>
<span>mot<span>&#10;</span>her</span>
<span>fuc<span>&#10;</span>ker</span>
</h1>

CSS

* { margin:0; padding:0; }
html { overflow:hidden; }
h1 { display:flex; flex-wrap:wrap; text-transform:uppercase; font-size:25vh; line-height:.5; }
h1 > span { display:flex; flex-direction:column; width:50vw; height:50vh; justify-content:center; align-items:center; outline:1px solid; }
h1 > span > span { display:block; white-space:pre; }