1

2 aspectos fundamentales que debes saber sobre las márgenes

  1. ¿Qué es un margen?
    Un margen es el espacio que separa a dos elementos HTML entre sí.
    Se puede asignar una medida a cada lado del margen de la siguiente manera:
  • margin-top: Define el margen superior.
  • margin-bottom: Define el margen inferior.
  • margin-right: Define el margen derecho.
  • margin-left: define el margen izquierdo.

Nota: Se puede centrar un elemento html colocándole el valor de margin: 0 auto, cuando dicho elemento tiene display block.

  1. ¿Qué es el margin collapsing ?
    Cuando hay dos margines de elementos HTML diferentes que colindan entre sí. El margen mayor cubre al margen menor, no se suman.
    **Por ejemplo: **
    Tenemos un objeto A con margen de 50px y un objeto B con margen de 20px.
    La suma total del margen que separa al objeto A y objeto B es de 50px, no de 70px, que seria el equivalente de sumarlos.
Escribe tu comentario
+ 2