JSFiddle - React, Tailwind, and code Playground

by buksy

HTML

<header>
  <div id="left"><input type="text"></div>
  <div id="right">Menu1 Menu2 Menu3</div>
</header>

CSS

body { background-color: #EEE; }
header { position: relative;  }
#left {
    width: 160px;
    height: 25px;
    background-color: #FFF;
}
#left input { width: 80%; height: 22px; box-sizing: border-box; }

#right {
    position: absolute;
    top: 0px;
    left: 160px;
    right: 0px;
    height: 25px;
    color: #FFF;
    background-color: #A53030;
}