Esta publicación demuestra el método para alinear el contenido de un DIV en la parte inferior de HTML.

Cómo alinear el contenido de un divir a la parte inferior?

Para alinear el contenido de div en la parte inferior, pruebe las siguientes instrucciones paso a paso.

Paso 1: Agregue el primer contenedor

Primero, crea un ""Contenedor y agregue la clase con el nombre de acuerdo con su elección. Por ejemplo, hemos especificado el nombre de la clase como "encabezamiento" y el "alinear"La propiedad se utiliza para establecer el contenido DIV en"centro".

Paso 2: Agregar encabezado

Agregue otro contenedor Div con la clase "Linuxhint1". Después de eso, agregue un encabezado insertando texto entre el "

" etiqueta.

Paso 3: Insertar contenido

Inserte otro ""Etiqueta junto con el atributo de clase"Linuxhint2". Entonces, incruste algún texto.

Paso 4: Crea Div

Crear un nuevo div junto con el "identificación"Atributo y especifique el valor como"abajo". A continuación, agregue texto en el Div creado:

Sitio web del tutorial de Linuxhint

Se puede ver que el texto se ha agregado con éxito de acuerdo con el código anterior:

Estilo ".encabezado ”usando CSS

Acceder al ".encabezamiento"Clase de HTML y aplique las propiedades mencionadas:

• Asignar el "posición"Propiedad y establecer el valor como"relativo"Posicionar un elemento relativo hacia su posición actual sin cambiar la orientación a su alrededor.
• Asignar el "borde"Valor de propiedades en taquigrafía como"1px Solid #0a944f", Que especifica el ancho, el estilo y el color del borde.
• El "ancho"Se usa para establecer el ancho del elemento.
• "altura"La propiedad define la altura del elemento.

Aplicar propiedades CSS en otras clases

Acceder al "Linuxhint1"Clase con el"."Selector y establece el"texto alineado"Propiedad como"centro":

Entonces el ".Linuxhint2"Se utiliza el selector para acceder al contenedor Div que tiene clase"Linuxhint2"E inserte el"texto alineado"Propiedad como"centro":

Estilo "#bottom" usando CSS

Ahora, acceda al "abajo"ID y aplique la propiedad del puesto como"absoluto"Coloque un elemento absoluto a su posición actual sin modificar el diseño a su alrededor:

Producción

Hemos declarado el método para alinear el contenido de un DIV al fondo.

Conclusión

Para alinear el contenido DIV con el fondo, el CSS "texto alineado" y "posiciónSe pueden utilizar las propiedades. El "alineado de texto" define la alineación horizontal del texto dentro de un elemento. Mientras que la propiedad de "posición" especifica cómo se colocan los elementos de un documento. Esta publicación ha demostrado el procedimiento para alinear el contenido de un elemento divir.