JSFiddle - React, Tailwind, and code Playground

by Tushar Dhingra

HTML

<div class="container floatfix">
  <div class="item">First Item</div>
  <div class="item">Another Item</div>
  <div class="item">Just Another Item</div>
  <div class="item">Middle Item</div>
  <div class="item">Item</div>
  <div class="item">Last Item</div>
  <div class="item">Realy Last Item</div>
</div>

CSS

div.container {
  border: solid 1px black;
  text-align: center;
    width:200px;
    margin:auto;
}

div.floatfix:after {
  content: '';
  display: block;
  clear: both;
}

div.item {
    display:inline-block;
  
  border: solid 1px red;
  padding: 5px;
}