As propriedades do CSS Text-align e vertical-align 
CSS oferece propriedades que permitem controlar o alinhamento horizontal do texto, seu alinhamento vertical e endentação do texto na primeira linha. O alinhamento horizontal é o mesmo conseguido com o atributo align do HTML, só que o da folha de estilos tem precedência.
A sintaxe é:
text-align: left | right | center | justify
O alinhamento só se aplica a elementos de bloco (<p>, <div>, h1, etc.) e elementos como applets e imagens. A característica é herdada para sub-blocos. O valor default é sempre left.
Exemplo:
<html>
<head>
<style type="text/css">
<!--
h1 {text-align: left;}
h2 {text-align: center;}
h3 {text-align: right;}
p {text-align: justify;}
-->
</style>
</head>
<body>
<h1>Este é o cabeçalho 1</h1>
<h2>Este é o cabeçalho 2</h2>
<h3>Este é o cabeçalho 3</h3>
<p>Este é o parágrafo cujo texto ...</p>
</body>
</html>
Veja como fica:
Alinhamento vertical em HTML só pode ser aplicado a tabelas e imagens. Com CSS, esta propriedade é estendida a qualquer elemento de texto e imagens.
A sintaxe é:
vertical-align: baseline | top | text-top | middle | bottom | text-bottom
vertical-align: sub | super
vertical-align: porcentagem %
O valor default é baseline. As porcentagens referem-se a altura da linha (line-heght) do próprio elemento. Usando porcentagens negativas consegue-se sobrepor elementos.
Na prática, apenas o Internet Explorer 4 suporta vertical-align com os valores sub e super (coloca elementos em subscrito ou sobrescrito).
- Introdução ao CSS
- Propriedades do CSS visibility e z-index
- Propriedades do CSS padding
- A propriedade CSS list style
- A propriedade CSS background-image
| < Anterior | Próximo > |
|---|
