JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
  <li>item 5</li>
  <li>item 6</li>
  <li>item 7</li>
  <li>item 8</li>
  <li>item 9</li>
  <li>item 10</li>
  <li>item 11</li>
  <li>item 12</li>
  <li>item 13</li>
  <li>item 14</li>
  <li>item 15</li>
  <li>item 16</li>
  <li>item 17</li>
  <li>item 18</li>
  <li>item 19</li>
  <li>item 20</li>
</ul>

CSS

ul {
  margin: 0;
  padding: 10px;
  list-style: none;
  border: 1px solid green;
}

li {
  float: left;
  padding: 10px;
  background: #acf;
  border: 1px solid #aaa;
}