JSFiddle - React, Tailwind, and code Playground

by nrashidov

HTML

<div class="container">
  <div class="left">div1div1</div>
  <div class="right">div2div2</div>
</div>
<div class="container">
  <div class="left">div1</div>
  <div class="right">div2</div>
</div>
<div class="container">
  <div class="left">div1div1div1</div>
  <div class="right">div2div2</div>
</div>

CSS

.container {
      display:table;
      width: 100%;
    }
    .container div {
      width:50%;
      display:table-cell;
      padding:0 5px;
    }
    .container div.left {
      text-align:right;
    }