JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="two-col-links">
				<li><a href="">About us</a></li>
				<li><a href="">Press</a></li>
				<li><a href="">NMMT</a></li>
				<li><a href="">Careers</a></li>
				<li><a href="">Sitemap</a></li>
				<li><a href="">Partners &amp; <br>Links</a></li>
				<li><a href="">Terms &amp; <br>Conditions</a></li>
			</ul>

CSS

ul {
    width: 200px;
}

li {
    width: 100px;
    float: left;
    display: inline;
}