JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

<div class="alinhados">
        <p><span>olá 1</span>beijo</p>
        <p><span>beijo olá 1</span></p>
        <p><span>1</span>beijo olá</p>
    </div>

CSS

.alinhados p {
   position:relative;
   overflow:auto;
   width:100%;
}

.alinhados span {
   display:block;
   position:relative;
   width:50%;
   float:left;
   text-align:right;  
}