JSFiddle - React, Tailwind, and code Playground
HTML
<div class="head-area">
<div class="header">CLIENT LOGO</div>
<div class="navigation">ITEM 1 | ITEM 2 | ITEM 3 | ITEM 4 | ITEM 5</div>
<div class="head-area-clear">
</div>CSS
.head-area{width:100%; overflow:hidden;}
.header{float:left;background:#fe0000;}
.navigation{overflow:hidden; background:#feda08;}
.head-area{clear:both;}