CSS

CSS Márgenes

Mantén distancia entre elementos utilizando márgenes alrededor de los mismos.

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

¿No encuentras lo que buscas?

<<< Contornos - Outline en CSS Relleno - Padding en CSS >>>

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

CSS

Básico

Avanzado

Ejemplos y Examen

Guías de referencia