JSFiddle - React, Tailwind, and code Playground

by yourbudweiser

HTML

<div class="flex-row">
<div class="step">
<input type="radio" name="step-1">
<label for="step-1">Step 1</label>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus risus non tempor hendrerit. Etiam nec nisi eget sem fermentum mollis sodales a nisl.
</p>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
</div>
<div class="step">
<input type="radio" name="step-2">
<label for="step-2">Step 1</label>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus risus non tempor hendrerit. Etiam nec nisi eget sem fermentum mollis sodales a nisl.
</p>
</div>
<div class="step">
<input type="radio" name="step-3">
<label for="step-3">Step 1</label>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus risus non tempor hendrerit. Etiam nec nisi eget sem fermentum mollis sodales a nisl.
</p>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
</div>
</div>

CSS

.flex-row {
  display: flex;
}
.step {
  border-right: 1px red solid;
  margin-right: 15px;
  width: 33%;
}
.step:last-child {
  border-right: none;
  margin-right: 0;
}