JSFiddle - React, Tailwind, and code Playground

by Lucille Kenney

HTML

<div class="list">
        <ul class="manufacturers-list"> 
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
</ul>
</div>

CSS

/*manufacturer's list */
ul.manufacturers-list li {
  float: left;
  width: 50%; //helps to determine number of columns, for instance 33.3% displays 3 columns
}

ul.manufacturers-list {
  list-style-type: none;
  margin-left: 2%;
}

.manufacturers-list > li {
  border-top: 1px solid red;
  padding-top: 2%;
  padding-bottom: 2%;
}