JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="header">
        <img class="DebugBorder" src="images/lenny.png"                     title="memes.wav" style="float: right;" width="200px" />
        <h1 class="DebugBorder">Sample text</h1>
        <img class="DebugBorder" src="images/lenny.png"                       title="memes.wav" style="float: left" width="200px" />
    </div>        
</body>

CSS

.DebugBorder{ 
    border: 2px red solid; 
    display:table-cell;
    width:29%;
}

body {
    background:linear-gradient(to bottom, darkred, black);
    background-repeat: no-repeat; 
    width:100%;
}

html {
    height: 100%;
}

h1 {
    text-align: center; 
    font-size: 4em; 
    font-family: impact; 
    margin: auto; 
    -webkit-text-stroke-width: 2px; 
    -webkit-text-stroke-color: white;
    vertical-align:middle;
}

#header {
    height: 200px;
    display:table;
}