JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<ul>
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
	<li>item 4</li>
</ul>

CSS

ul{	
	text-align:center; //PROPRIEDADE PARA ALINHAR O TEXTO AO CENTRO DO ELEMENTO
}

li{
	width:20%;
	border:1px solid #CCC;
	display:inline-block; // PROPRIEDADE PARA DEIXAR OS ITENS COMO BLOCK EM LINHA
}