Come Allineare i paragrafi alla destra in CSS

January 9

Allineare i paragrafi sulle pagine Web utilizzando la proprietà "text-align" nei CSS (Cascading Style Sheets). Le impostazioni di allineamento di testo disponibili in CSS comprendono a sinistra, a destra e giustificato. Per impostazione predefinita, tutti i paragrafi sono allineate a sinistra se non diversamente specificato. Utilizzare i nomi delle classi nei vostri tag HTML in modo da poter creare una regola di stile e riutilizzarlo come molti paragrafi, se necessario. Si può anche scrivere le regole di stile che danno diritto allineamento dei paragrafi utilizzando i nomi di identificazione, ma non si deve riutilizzare i nomi di ID su più tag nelle pagine Web.

istruzione

1 Aprire la pagina Web in Blocco note e individuare i paragrafi da allineare a destra. Aggiungere un nome di classe come "diritto" di ogni paragrafo:

<P class = "right red"> paragrafo allineato a destra ... </ p>

<P class = "right"> paragrafo allineato a destra ... </ p>

Si noti che il primo comma, nell'esempio di codice di cui sopra ha due nomi di classe. È possibile aggiungere i nomi delle classi più a qualsiasi tag HTML, a condizione che si mette uno spazio tra ciascuno di essi.

2 Vai alla "<head>" tag nel codice della pagina Web e aggiungere "<style>" tag se si vede nessuno lì:

<Style type = "text / css">

</ Style>

3 Scrivi una regola di stile che seleziona la classe si è creato. Impostare la proprietà "text-align" a "diritto" di destra-allineare i paragrafi:

.destra {

text-align: right;

}

Si noti il ​​punto prima del nome del "diritto" di classe. Questo punto denota un nome di classe nel CSS. È inoltre possibile utilizzare il simbolo di hash per selezionare un nome ID.

Consigli e avvertenze

  • Una volta creata la classe per i paragrafi e lo stile con il testo allineato a destra, è possibile applicare lo stesso nome della classe di altri tag HTML, oltre il tag "<p>".