JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
            <div id="pageWrap">
                <div class="top">
                    <img src="img/London-Wall-Logo.jpg" class="topLeft"/>
                    <img src="img/Finsbury-Logo.jpg" class="topRight"/>                    
                </div>
                <div class="middle">
                </div>
                 <div class="bottom">
                </div>
            </div>
        </div>

CSS

#container{
    width:100%;
    
    border:2px solid black;
    float:left;
}

#pageWrap{
    width:260px;
    margin: 0 auto;
    
    border:2px solid red;
}

.top{
    float:left;
    width:100%;
    border:2px solid green;
}

.topLeft{
    float:left;
}

.topRight{
    float:right;
}