JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, eum in itaque molestiae a, eveniet quaerat veniam corporis aliquid iure quas saepe sint similique! Vel aperiam itaque dolores architecto optio.</li>
  <li class="active">Voluptates aspernatur, labore atque eius quae commodi quas aliquam dolor vel repudiandae distinctio temporibus. Ut id aperiam mollitia voluptas aut enim deserunt excepturi, voluptates, illum, quisquam debitis quae sed obcaecati.</li>
  <li>Soluta ipsam dignissimos placeat unde excepturi harum, provident aut, molestiae iste voluptate libero ipsum! Aliquam id quis vel consequuntur quasi, harum assumenda fuga quia. Officiis voluptate odio sequi dolores facilis!</li>
  <li>Blanditiis aliquam temporibus optio repudiandae nesciunt porro, asperiores illum laboriosam, cum unde eligendi in perspiciatis. Deserunt explicabo voluptatibus illo aut, perferendis non unde rem a. Deserunt nam natus, quisquam ut.</li>
  <li>Ex error iste in quos possimus tempora, vero quod aperiam explicabo dolorem maxime praesentium rem distinctio recusandae, quia quis voluptatum reprehenderit alias autem veniam eligendi ea nemo obcaecati ullam. Tenetur!</li>
  <li>Veritatis temporibus magni laudantium ipsam ut minus excepturi consectetur nobis possimus consequatur, commodi natus, repudiandae soluta similique aspernatur cumque velit, esse atque! Ducimus quaerat itaque sapiente pariatur repellat, sequi. Dolores.</li>
  <li>Ducimus, laboriosam. Ipsum, eius. Quas dolores, ullam nostrum a pariatur laudantium repellendus harum, temporibus ratione, tenetur magnam? Non laborum perspiciatis excepturi natus temporibus necessitatibus soluta perferendis neque, quis ratione. Illo!</li>
  <li>Cumque at aliquid odio consectetur, perferendis maxime earum alias sed praesentium itaque ipsam aperiam, pariatur labore accusantium commodi quisquam ad soluta? Mollitia eveniet dolorem rem aperiam animi cumque magni, esse.</li>
  <li>Asperiores obcaecati delectus ad odit...

CSS

li {
  position: relative;
  line-height: 1.4;
}

.active::before {
  content: '';
  display: block;
  position: absolute;
  top: 1.25em;
  left: 0;
  width: 10em;
  height: 3px;
  background: limegreen;
}