JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="wrap">
			<ol>
				<li>
					<span>Real time analitics dashme analitics daboard</span>
				</li>

				<li>
					<span>Real  dashboard</span>
				</li>	

				<li>
					<span>Real time analitics dashboard</span>
				</li>	

				<li>
					<span>Real time ard</span>
				</li>	

				<li>
					<span>Real time analitics dame analitics dame analitics dashboard</span>
				</li>	

				<li>
					<span>Real titics dashboard</span>
				</li>	

				<li>
					<span>Real time analitics dashboard</span>
				</li>	

				<li>
					<span>Real time anahboard</span>
				</li>	

				<li>
					<span>Real time analitics dme analitics dame analitics daashboard</span>
				</li>

				<li>
					<span>Real time analitics dashboard</span>
				</li>	

				<li>
					<span>Real time anahboard</span>
				</li>					
			</ol>
		</div>

CSS

.wrap ol{
	    list-style-position: inside;
		-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
    list-style-type:decimal;
    height:200px;
	}