Display Block o Inline

Algunos elementos se muestran de una

forma y otros de otra…

www.codigoconjuan.com Juan Pablo De la torre Valdez

 Todos los elementos en tu
HTML ya tienen un display
por default

www.codigoconjuan.com
 Significa que el elemento se colocará
uno debajo del otro sin importar su
tamaño o contenido…

display: block;

www.codigoconjuan.com

 Significa que el elemento se

posicionará a la derecha una vez que
haya tomado el espacio que requiere…

display: inline;
ENLACE 1 ENLACE 2 ENLACE 3 ENLACE 4

www.codigoconjuan.com

 Ningún elemento tiene un

display: ex; o display: grid; por
default

www.codigoconjuan.com
fl
 No es necesario especi car un
display para cada elemento, salvo
que desees modi car el que viene
por default

www.codigoconjuan.com
fi
fi