Problema de alineado de texto con CSS

[HackmanC]

Hola,

Posiblemente, usando display: inline-block.
http://foohack.com/2007/11/cross-bro...block-styling/

Código CSS:

#contenedor { width: 100%; font-size: 9px; }
.flotan { float: left; text-align: center; width: 30%; border: 2px solid #000; padding: 40px 6px; margin: 0px 6px; }
.parrafo { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; text-align: left; }
 

Y usando el código de cristian_cena, que use como base,

Código HTML:

<div id="contenedor">
        <div class="flotan">
            <p class="parrafo">
                <span>La línea número uno es la más larga</span><br />
                <span>Línea número dos</span><br />
                <span>Línea nº3</span>
            </p>
        </div>
        <div class="flotan">
            <p class="parrafo">
            <span>Línea número dos</span><br />
            <span>La línea número uno es la más larga</span><br />
            <span>Línea nº3</span>
            </p>
        </div>
        <div class="flotan">
            <p class="parrafo">
            <span>Línea nº3</span><br />
            <span>Línea número dos</span><br />
            <span>La línea número uno es la más larga</span>
            </p>
        </div>
    </div>
 

Saludos,