JSFiddle - React, Tailwind, and code Playground

by Chan Wu

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>j</title>
</head>
<body>
  <ul>
    <li>
      <h3>head</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, quia.</p>
    </li>
  </ul>  
</body>
</html>

CSS

* {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  width: 100px;
  padding: 20px;
  border: 1px solid blue;
  position: relative;
  text-align: center;
  float: left;
}

li::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #ccc;
}