Problema de alineado de texto con CSS

[hdennison]

Basándome en la solución de HackmanC, pero arreglando posibles bugs con IE y display-block:

Código HTML:

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

Código CSS:

.contenedor{
    background: #c00;   /* test */ 
    width: 400px;  /* por ejemplo */ 
    text-align: center;
}
.centrado{
    background:#fff; /* test */ 
    display: inline-block;
    text-align: left;
}
 

display inline-block puede no funcionar correctamente en IE6 y 7 si se aplica sobre un elemento que no sea inline por defecto (por eso mi .centrado es un span)