JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<ul>
  <li><a href="">Lorem ipsum.</a></li>
  <li><a href="">Neque, saepe.</a></li>
  <li><a href="">Perspiciatis, autem.</a></li>
  <li><a href="">Quaerat, eos!</a></li>
  <li><a href="">Soluta, magni!</a></li>
  <li><a href="">A, possimus.</a></li>
  <li><a href="">Harum, cupiditate?</a></li>
  <li><a href="">Cupiditate, at.</a></li>
  <li><a href="">Quibusdam, quis!</a></li>
  <li><a href="">Delectus, temporibus.</a></li>
  <li><a href="">Ipsum, doloribus!</a></li>
</ul>

CSS

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul {
  columns: 2;
  background-color: #0f04;
}

li {
  box-shadow: 0 0 10px 0 red inset;
}

a {
  padding: 15px 0;
  display: block;
  background-color: #f004;
}