JSFiddle - React, Tailwind, and code Playground

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{
	
}
	
	.wrap ol{
		/* height: 290px; */
		width: 500px;
		/* display: block; */
		outline: 1px solid red;
		overflow: hidden;
    /* padding: 0; */
    -webkit-columns: 2;
    columns: 2;
	}
	
		.wrap ol li{
			/* width: 50%; */
		}