Hvordan Juster punktene til høyre i CSS

Rett avsnitt på nettsider ved hjelp av "text-align" eiendom i CSS (Cascading Style Sheets). Tekstjustering innstillingene som er tilgjengelige i CSS inkluderer venstre, høyre og begrunnes. Som standard er alle paragrafene venstrejustert med mindre annet er spesifisert. Bruk klasse navn i HTML-koder, slik at du kan opprette en stil regelen og bruke det på så mange punkter som nødvendig. Du kan også skrive stil regler som gir rett justering av punktene ved hjelp av ID-navn, men du bør ikke bruke ID-navn på flere koder i websidene.

Bruksanvisning

1 Åpne websiden i Notisblokk og finn avsnittene du vil justere til høyre. Legg en klasse navn som "rett" til hvert avsnitt:

<P class = "red right"> Høyre-justert avsnitt ... </ p>

<P class = "right"> Høyre-justert avsnitt ... </ p>

Legg merke til at det første avsnittet i koden ovenfor eksempel har to klasse navn. Du kan legge til flere klassenavn til noen HTML-kode, forutsatt at du sette et mellomrom mellom hver enkelt.

2 Gå til "<head>" koder på websiden kode og legge til "<style>" koder hvis du ser ingen der:

<Style type = "text / css">

</ Style>

3 Skriv en stil regel som velger den klassen du opprettet. Still "text-align" eiendom til "rett" til høyre justere avsnitt:

.right {

text-align: right;

}

Legg merke til dot før den "riktige" klassenavn. Dette dot betegner en klasse navn i CSS. Du kan også bruke hash symbolet for å velge en ID navn.

Hint

  • Når du oppretter klassen for avsnitt og stil det med høyrejustert tekst, kan du bruke som klassenavnet til andre HTML-koder i tillegg til "<p>" tag.