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;
	}
	
		.wrap ol li{
			width: 50%;
			float: left;
		}