Las etiquetas HTML se dividen en dos tipos: elementos en línea y elementos de nivel de bloque. Primero, comprendamos los conceptos de elementos en línea y elementos a nivel de bloque:
Elementos de nivel de bloque: generalmente, es un contenedor para otros elementos, que pueden acomodar elementos en línea y otros elementos de nivel de bloque. Los elementos de nivel de bloque rechazan otros elementos en la misma fila que ellos. Puede establecer los atributos de ancho (ancho) y altura (altura). Los elementos de nivel de bloque en las corrientes normales se colocarán verticalmente. Los elementos de bloque comunes son Div Elementos en línea (elementos en línea): los elementos en línea solo pueden acomodar el texto u otros elementos en línea y son descendientes de elementos de nivel de bloque. Permiten que otros elementos en línea estén en la misma línea que ellos y no pueden establecer la altura y el ancho. Un elemento en línea común es a.Según el concepto de elementos a nivel de bloque, podemos entender que los elementos de nivel de bloque tienen descansos de línea antes y después, lo cual es equivalente a agregar una etiqueta <br> antes y después del elemento. Podemos pensar en los elementos a nivel de bloque como un bloque o un rectángulo, por lo que los elementos de nivel de bloque pueden establecer el atributo de ancho de altura
ejemplo:
Archivo CSS:
Copiar el código