JSFiddle - React, Tailwind, and code Playground

by Rishi Gautam

HTML

<div class='main'>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>

CSS

ul {
  padding: 0px;
}

li {
  display: inline;  
}

.main {
  border-color: #ccc;
  border-width: 2px;
  border-style: solid;
  width: 40%;
  text-align: center;
}