Tecnología

Inicio

Cómo alinear párrafos a la derecha en CSS

December 9

Alineación de párrafos en las páginas Web usando el atributo "text-align" en el CSS (Cascading Style Sheets). Los ajustes de alineación de texto disponibles en CSS incluyen a la izquierda, derecha o justificada. Por defecto, todos los párrafos están alineados a la izquierda a menos que se especifique lo contrario. Utilice nombres de las clases en las etiquetas HTML para que pueda crear una regla de estilo y reutilizarla en tantos párrafos como sea necesario. También puede escribir reglas de estilo que dan derecho a la alineación de los párrafos utilizando nombres de ID, pero no se debe volver a utilizar los nombres de ID en múltiples etiquetas en sus páginas Web.

Instrucciones

1 Abra la página Web en el Bloc de notas y localice los párrafos que desea alinear a la derecha. Añadir un nombre de clase, tales como "derecho" a cada párrafo:

<P class = "right rojo"> párrafo alineado a la derecha ... </ p>

<P class = "right"> párrafo alineado a la derecha ... </ p>

Tenga en cuenta que el primer párrafo en el ejemplo de código anterior tiene dos nombres de clase. Puede agregar varios nombres de clase a cualquier etiqueta HTML, siempre y cuando se deja un espacio entre cada uno.

2 Ir a la "<head>" etiquetas en el código de la página web y añadir "<style>" etiquetas ver si hay ninguno:

<Style type = "text / css">

</ Style>

3 Escribe una regla de estilo que selecciona la clase que ha creado. Establecer la propiedad "text-align" a "derecho" a la derecha alinear los párrafos:

.derecho {

text-align: right;

}

Tenga en cuenta el punto antes del nombre de la clase "correcta". Este punto indica un nombre de clase en el CSS. También puede utilizar el símbolo de hash para seleccionar un nombre de identificación.

Consejos y advertencias

  • Una vez creada la clase de sus párrafos y el estilo con el texto alineado a la derecha, se puede aplicar ese nombre de la clase a otras etiquetas HTML además de la etiqueta "<p>".