Com o CSS podemos controlar o espaçamento em volta dos elementos html com a propriedade margin.
|
Propriedade
|
Descrição
|
|
Margin-top
|
Define a
margem superior
|
|
Margin-right
|
Define a
margem direita
|
|
Margin-bottom
|
Define a
margem inferior
|
|
Margin-left
|
Define a margem
esquerda
|
Valores para as propriedades: largura medida em px, cm ou %.
Exemplo:
<html>
<head>
<style type="text/css">
h1
{margin-top: 5cm; margin-left: 3cm;}
h2
{margin-top: 1cm; margin-left: 4cm;}
p {margin-top:1cm; margin-left:5cm; margin-right: 5cm;
text-align:justify;}
</style>
</head>
<body>
<h1>
Título com margem superior de 5 cm e esquerda de 3 cm </h1>
<p>
Parágrafo com
margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.Parágrafo
com margem superior de 1cm, margem esquerda de 5 cm e margem direita de 5
cm.Parágrafo com margem superior de 1cm, margem esquerda de 5 cm e margem
direita de 5cm.Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e
margem direita de 5 cm. Parágrafo com margem superior de 1 cm, margem esquerda
de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1 cm, margem
esquerda de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1
cm, margem esquerda de 5 cm e margem direita de 5 cm.
</p>
<h2>
Título com margem superior de 1 cm e esquerda de 4 cm </h2>
</body>
</html>
Salvar como
ExMargens.html
Nenhum comentário:
Postar um comentário
Obrigado por deixar menos complicado!