Antes de empezar a ver tecnicas de maquetacion como flexbox. position, etc, las cuales nos permiten ordenar los elementos html a nuestro gusto, es conveniente recordar cual es el comportamiento basico de las etiquetas html por defecto.
El comportamiento básico y primario del html es este:
Por defecto un elemento se pone detrás del otro, la posición de los elementos en HTML va de izquierda a derecha, y de arriba a abajo ++conforme nosotros los vamos poniendo en el documento html ++y dependiendo de la naturaleza de su visualización ya sea de bloque o de linea se van apilando uno al lado del otro u abajo.
Elementos de bloque ocupan todo el ancho de la linea, y si se les puede establecer width y height, por esto a veces a elementos de linea los hacemos elementos de block o de iline-block.
Los elementos de linea solo ocupan el espacio que necesita y se puede poner a su alrededor otros elementos, ademas no se les puede establecer un withd y height, solo ocupan el contenido que tienen dentro.
Curso de Desarrollo Web Online 2016