JSFiddle - React, Tailwind, and code Playground

HTML

<div class="columnStyle"><ol><li>Fusce vulputate ex eget eros congue laoreet. Nulla efficitur turpis magna, non aliquam mauris semper quis.</li><li>Fusce vulputate ex eget eros congue laoreet. Nulla efficitur turpis magna, non aliquam mauris semper quis.</li><li>Fusce vulputate ex eget eros congue laoreet. Nulla efficitur turpis magna, non aliquam mauris semper quis.</li></ol></div>

CSS

.columnStyle{
  column-count: 3;
  display: flex;
  justify-content: center;
  position: relative;
}

.columnStyle ol {
  padding: 0px;
  counter-reset: item;
  list-style-type: none;
}

.columnStyle ol li {
  float: left;
  width: 33.3333%;
  padding: 35px;
  display: block;
  color:black;
}


.columnStyle ol li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
    color: #ce9c1f;
    font-size: 8em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}