JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="header">
        <img class="DebugBorder border-img1" src="images/lenny.png"title="memes.wav" width="200px" height="200px"/>
        <img class="DebugBorder border-img2" src="images/lenny.png" title="memes.wav" width="200px" height="200px"/>
        <h1 class="DebugBorder">Sample text</h1>
    </div>        
</body>

CSS

#header {
    position:relative;
    width:100%;
    height: 200px;
}

h1 {
    position:absolute;
    text-align:center;
    top:50px;
    width:100%;
}

.border-img1 {
    position:absolute;
    left:0;
    display:inline-block;
    width:50%;
}

.border-img2 {
    position:absolute;
    right:0;
    display:inline-block;
    width:50%;
}