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