JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
  <li>Пункт 4</li>
</ul>

CSS

ul {
  text-align: justify;
  line-height: 0;
 outline:1px solid #f00;
}
ul:after {
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  content: "";
  display: inline-block;
}
ul li  {
  display: inline-block;
  text-align: left;
 
  /* Восстанавливаем обнулённые свойства */
  line-height: normal;
  font-size: 14px;
	
outline:1px solid #000;
}