JSFiddle - React, Tailwind, and code Playground

by mtr_webdev

HTML

<ul>
  <li><span>30</span>days</li>
  <li><span>24</span>hours</li>
  <li><span>60</span>minutes</li>
</ul>

CSS

ul {
  list-style: none;  
}

ul li {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}

ul li span {
  font-size: 32px;
  display: block;
}
li span::after {
  content: ":";
  position: relative;
}