JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
			<li>
				<div></div>
		
				<ul>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				</ul>
			</li>
		</ul>
	</li>
        <li>
        <ul>
			<li>
				<div></div>
		
				<ul>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				</ul>
			</li>
		</ul>
	</li>
        <li>
        <ul>
			<li>
				<div></div>
		
				<ul>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				</ul>
			</li>
		</ul>

CSS

* {
	margin: 0;
	padding: 0;
	border:0;
	list-style: none;
}

ul  {
	vertical-align: top;
}

ul ul {
	vertical-align: top;
	display: inline-block;
}

ul li div {
	width:37%;
	height: 100px;
	border: 1px solid #C0C0C0;
	display: inline-block;
	margin-right:3%;
	margin-bottom:20px;

}