JSFiddle - React, Tailwind, and code Playground

by carsont

HTML

<div class="wrapper">
  <div class="hours-header">
    <div>
      12am
    </div>
    <div>
      1am
    </div>
    <div>
      2am
    </div>
    <div>
      3am
    </div>
    <div>
      4am
    </div>
  </div>
  <div class="event">
    <div>
     event1
    </div>
    <div>
     event1
    </div>
    <div>
     event1
    </div>
    <div>
     event1
    </div>
    <div>
     event1
    </div>
  </div>
</div>

CSS

.hours-header{
  display: inline-block;  
}

.event {
  display: inline-block;  
}