JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <title>CSS Brain Teaser</title>
        <!-- 
            A fun exercise brought to you by HTeuMeuLeu
            http://www.hteumeuleu.fr      
            http://www.twitter.com/HTeuMeuLeu       
        -->
    </head>
    <body>
        <h1>Some dynamic HTML text on several lines with a background that suits well and some margins around it.</h1>
    </body>
</html>

CSS

body { padding:50px; background:#2fa7ca; }
h1 { width:480px; font:bold 36px sans-serif; letter-spacing:-1px; color:#000; }