JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<ul class="clearfix">
  <li>adfasd</li>
  <li>asfas dada</li>
  <li>asfas dada</li>
  <li>asfas dada</li>
  <li>asfas dada</li>
</ul>

CSS

ul {
  height: 50px;
  border-bottom: 2px dotted brown;
}

li {
  height: 52px;
  /* border-bottom: 2px solid red; */
  float: left;
  width: 20%;
  box-sizing: border-box;
  background: url(https://placeholdit.imgix.net/~text?txtsize=30&txt=Now+printing+Tuesday+New+Line..&w=10&h=10&txttrack=0&bg=ff9900&txtclr=ffffff) no-repeat center bottom;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}