CSS Márgenes

Márgenes con CSS

El margen es un espacio invisible alrededor del elemento, que le permite al mismo mantener distancia de otros elementos.
Las propiedades de los márgenes(margin en inglés) nos permiten definir el ancho de los mismos.

Código

<html>
<head>
 <style type="text/css">
  h4{margin:30px; border:thin solid}
 </style>
</head>

<body>
 <p>Texto, texto, texto, texto, texto, texto, texto.</p>
 <h4>Texto separado 30 píxeles del texto.</h4>
 <p>Texto, texto, texto, texto, texto, texto, texto.</p>
</body>
</html>

Resultado

Texto, texto, texto, texto, texto, texto, texto.

Texto separado 30 píxeles del texto.

Texto, texto, texto, texto, texto, texto, texto.

Tabla de las propiedades de los márgenes

Propiedad	Descripción	Valores	Detalles
margin	Ancho para varios márgenes individuales. margin-top: Define el ancho del margen superior. margin-right: Define el ancho del margen derecho. margin-bottom: Define el ancho del margen inferior. margin-left: Define el ancho del margen izquierdo.	longitud	Longitud
		%	Porcentaje
		auto	Automático

Búsqueda

Otros tutoriales

HTML
Herramientas Utiles

Google

Diseño Web

Intercambio

Banners
Links

Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

webmaster@virtualnauta.com

Mapa del sitio

Básico

Avanzado

Ejemplos y Examen

Guías de referencia