A text-align tulajdonság

A text-align tulajdonság beállítja a szöveg igazítását: balra, jobbra, középre, vagy sorkizártá (balra és jobbra egyszerre).

Szintaxis

cssszelektor {
  text-align: center | left | right | justify | auto | start | end;
}

Értékek

Érték Leírás
center A szöveg középre igazított lesz.
left A szöveg balra igazított lesz.
right A szöveg jobbra igazított lesz.
justify A szöveg sorkizárt lesz (egyszerre jobbra és balra igazított).
auto Nem változtatja meg az elem igazítását (alapértelmezett érték).
start Egyenlő a left értékkel, ha a szöveg balról jobbra folyik, és a right értékkel, amikor a szöveg jobbról balra folyik (mint az arab nyelvben).
end Egyenlő a right értékkel, ha a szöveg balról jobbra folyik, és a left értékkel, amikor a szöveg jobbról balra folyik.

Alapértelmezett érték: auto. A legtöbb esetben alapértelmezetten a szöveg balra igazított (az arab nyelvben - jobbra). Vannak azonban kivételek, például a th elemben lévő szöveg középre igazított lesz.

Példa . left érték

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

Példa . right érték

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

Példa . center érték

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

Példa . justify érték

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат: