JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	 <li>
          <ul>
			<li>
				<div></div>
		
				<ul>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>text</li>
				<li>
				    
                    
                    
                <table>
                <tr>
                <td>Test</td>
                <td style="word-wrap:break-word;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus..</td>
                </tr>
                </table>                    
				</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>
	</li>
	</ul>

CSS

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

ul  {
	vertical-align: top;
}

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

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

}