JSFiddle - React, Tailwind, and code Playground

2 divs en header

by abubelinha

HTML

<div class="outer">
  <div style="width:40%;" class="inner">TITULO TITULO TITULO TITULO TITULO TITULO TITULO TITULO TITULO TITULO TITULO</div>
  <div style="width:60%;" class="inner">BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS BOTONS</div>
</div>
<a href="https://stackoverflow.com/a/11765046/710788" target=_blank>code taken from here</a>

CSS

.inner {
  overflow-x:auto;
  white-space:nowrap;
}
.outer{
  border: 1px solid #000;
  display:flex;
  justify-content: center;
  padding: 3px;
}
.outer > div {
  border: 1px solid #000;
  margin:2px;
}