JSFiddle - React, Tailwind, and code Playground

HTML

<div style='width:auto; display: inline-block;'>
      <div style="width: 135px; float: left;">
           <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
           <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
                <dd style="white-space: nowrap;">1</dd>
                <dd style="white-space: nowrap;">2</dd>
           </dl>

           <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
           <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">    
               <dd style="white-space: nowrap;">1</dd>
               <dd style="white-space: nowrap;">2</dd>
           </dl>
      </div>

      <div style="width: 135px; float: right;">
           <h4 style="padding-right: 5px; padding-left: 10px;">Column2</h4>
           <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
                <dd style="white-space: nowrap;">1</dd>
                <dd style="white-space: nowrap;">2</dd>
                <dd style="white-space: nowrap;">3</dd>  
           </dl>
      </div>
</div>