JSFiddle - React, Tailwind, and code Playground

by Venkatesh Dematti

HTML

<div class="outer">
  <div class="inner">
  <a href="#">This is the dummy conentent, This is the dummy conentent</a>
  
</div>

  <div class="inner">
  <a href="#">This is the dummy conentent</a>
  
</div>

  <div class="inner">
  <a href="#">This is the dummyyyff</a>
  
</div>
</div>

CSS

.inner {
  max-width:150px;
  border:1px solid red;

}
div a:after {
  content: " > "
}

.outer {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}