Margens para lados diferentes em CSS
Para definir margens diferentes para
lados diferentes existem propriedades separadas:
margin-left - para o lado esquerdo, margin-right
- para o direito, margin-top - para o superior
e margin-bottom - para o inferior.
Vamos ver um exemplo:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
margin-top: 10px; /* topo */
margin-right: 20px; /* direita */
margin-bottom: 30px; /* base */
margin-left: 40px; /* esquerda */
height: 100px;
border: 1px solid green;
}
:
Repita a página de acordo com este exemplo:
Repita a página de acordo com este exemplo:
Repita a página de acordo com este exemplo:
