JSFiddle - React, Tailwind, and code Playground

by chopper

HTML

<div class="middle">
  <ul id="filterbar">
    <li data-selection=1> Glucose Curve </li>
  </ul>
 <ul id="lookback">
   <li data-lookback=0> Today </li>
   <li data-lookback=999> Full History </li>
</ul>
</div>

CSS

ul {
  width:25%;
  height:100px;
  float:left;
  }

li {
  display:in-line;
  float:left;
  list-style:none;
}

 .middle { width:50%; height:1500px; }