Você terá que usar JavaScript para fazer isso, embora o CSS seria suficiente, porém ficaria limitado em relação ao alinhamento do texto.
Utilize Jquey para facilitar.
O alinhamento será sempre em relação ao primeiro elemento, sendo assim poderá alinha-lo onde quiser.
Veja um exemplo funcionando: http://jsfiddle.net/719xowwv/
Com o script acima, basta introduzir novos frases que automaticamente será alinhado.
Como o link poderá um dia não funcionar, deixo aqui o código completo:
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;
}
.textos p {
display: block;
float:left;
position: relative;
clear: both;
}
JavaScript: (é necessário incluir a biblioteca Jquery na sua página)
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'});
}
});
});
position:relative
na div que contem o "1", eposition:absolute
nos itens que vão ficar do lado, se for na direita, uma umright:0
se for esquerdaleft:0
ou um valor que desejar.