JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

Первый список:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

Второй список:
<ul>
<li class="h">1</li>
<li class="h">2</li>
<li class="h">3</li>
<li class="h">4</li>
</ul>

Третий список:
<ul>
<li class="h _wf">1</li>
<li class="h _wf">2</li>
<li class="h _wf">3</li>
<li class="h _wf">4</li>
</ul>

CSS

li.h {
  display: inline-block;
}

li.h._wf{
  width: 100%;
}