Sifa ya text-align

Sifa text-align inaweka uratibu wa maandishi: kwa upande wa kushoto, kwa upande wa kulia, katikati, kwa upande wa kushoto na wa kulia wakati huo huo.

Syntax

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

Thamani

Thamani	Maelezo
`center`	Maandishi yataratibiwa katikati.
`left`	Maandishi yataratibiwa kwa upande wa kushoto.
`right`	Maandishi yataratibiwa kwa upande wa kulia.
`justify`	Maandishi yataratibiwa wakati huo huo kwa upande wa kulia na wa kushoto.
`auto`	Haibadili uratibu wa kipengele (thamani chaguomsingi).
`start`	Sawa na `left`, ikiwa maandishi yanaenda kushoto kwenda kulia, na `right`, linapokuwa maandishi yanaenda kulia kwenda kushoto (lugha ya Kiarabu n.k.).
`end`	Sawa na `right`, ikiwa maandishi yanaenda kushoto kwenda kulia na `left`, linapokuwa maandishi yanaenda kulia kwenda kushoto.

Thamani chaguomsingi: auto. Katika hali nyingi kwa chaguomsingi maandishi yameratibiwa kwa upande wa kushoto (katika lugha ya Kiarabu - kwa upande wa kulia). Hata hivyo, kuna ubaguzi, kwa mfano, maandishi katika th yataratibiwa katikati.

Mfano . Thamani left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Mfano . Thamani right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Mfano . Thamani center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Mfano . Thamani justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: