Cómo alinear contenido dentro de un div

Un DIV, que es la abreviatura de "división" se usa con hojas de estilo en cascada para separar piezas de contenido unos de otros, incluyendo fotos y bloques de texto. Un DIV le permite estilizar algunos contenidos por separado del resto de su contenido. Para mantener el contenido organizado dentro de su DIV, alinear el contenido para adaptarse a su diseño de página. Utilice el CSS para definir los atributos para su DIV.

Instrucciones

1 Crear un DIV dentro de su documento HTML, por ejemplo:

< "Div id =" ejemplo ">
<H1> Bienvenido a mi sitio! </ H1>
<P> Queremos alinear este bloque de texto dentro de la div. </ P>

</ Div>

En el ejemplo anterior, el DIV es etiquetado como "ejemplo" para identificarlo en el CSS.

2 Abra su CSS si ha creado uno. Si no es así, abra un archivo en blanco en un editor de texto sin formato.

3 Tipo:

ejemplo {

text-align: left;
}

En el ejemplo anterior, "ejemplo" es el nombre de la DIV y el texto está configurado para alinear a la izquierda. También puede utilizar la derecha, el centro y justificar para su atributo de alineación.

4 Guarde el archivo CSS haciendo clic en "Guardar como". Escriba el nombre de archivo deseado en el cuadro nombre de archivo y al final con ".css"; utilice la flecha desplegable para seleccionar "Todo" como tipo de archivo. La extensión del archivo CSS define el documento como una CSS en lugar de un documento de texto.