JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="column first">
      icon
    </div>
    
    <div class="column second">
     link
    </div>
    
    <div class="column third">
      date
    </div>
  </div>

CSS

.wrapper {
    width: 600px;
}

.column {
    float: left;
    width: 200px;
}

.first {
    text-align: left;
}

.second{
    text-align: center;
}

.third{
    text-align: right;
}