JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.textos {
    display: block;
    float: left;
    width: auto;
    height: auto;
    margin-left: 200px;
}

.textos p {
    display: block;
    float:left;
    position: relative;
    clear: both;
}

JavaScript

var nPos;

$(document).ready(function(){
    $(".textos p").each(function( index ) {
        if(nPos==undefined){
            nPos = $(this).find('span').position().left;
        }else{
            nCurrentPos = $(this).find('span').position().left;
            $(this).css({'margin-left':(nPos-nCurrentPos)+'px'});
        }
    });
});