JSFiddle - React, Tailwind, and code Playground

by ksevksev

HTML

<div class="titleButtonBar">
  <div class="icon">ICON</div>
  <div class="heading">Schedule</div>
   <div class="button">Click Me</div>
   <div class="button">No Click Me</div>
</div>

CSS

.titleButtonBar
{
  background-color: tan;
  border: solid oliveDrab 3px;
  overflow: hidden;
}
.heading
{
  background-color: olive;
  border: solid black 2px;
  float: left;
}
.icon
{
  float: left;
  border: dashed black 2px;
}
.buttonContainer
{
  float:right;
  background-color: DarkKhaki;
  border: solid black 2px;
}
.button
{
  margin-left: 5px;
  float:right;
  border: solid lightslategrey 2px;
}