CSS: Alinhando texto a esquerda dentro de um bloco centralizado

Código simples que ensina como manter um bloco, que chamo de bloco pai, centralizado e o bloco filho com o seu conteúdo alinhado a esquerda.

.bloco_pai { text-align: center; }
.bloco_filho { display: inline-block; text-align: left; }
<pre>
 
<pre lang="html4strict">
<div class="bloco_pai">
    <div class="bloco_filho">
        Alinhando texto a esquerda<br />
        dentro de um<br />
        bloco<br />
        centralizado
    </div>
</div>

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *