JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <div class="one">One</div>
   <div class="two">Two</div>
   <div class="three">Three</div>
</div>

CSS

.container div {
    display:inline-block;
}

.container { 
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  height: 0;
  min-height: 50px;
  z-index: 255;
  color: white;
  line-height: 50px; 
  padding: 16px;
  font-size: 1em;
  text-align: center;
  bottom: 0;
  opacity:1;
  background: black;
}