Näpunäide. Kui mõni teksti joondamine ei toimi, veenduge, et teised sama elemendi või selle elemendi CSS-klassid või -stiilid ei oleks vastuolus selle põhjendusega, mida soovite teha.
Märkus: Nende näidete ja enamiku joondamise puhul on tekst tekstis sisalduva elemendiga joondatud. Teksti võib keskele paigutada HTML divile ja olla vasakule joondatud ülejäänud veebilehe külge. Samuti on joondatud kõik, mis sisaldub CSS-i põhjendust sisaldavas siltis (nt pilt).
Joondamise näited
Vasakpoolne
Vahekaart on joondatud
Center-joondatud
Paremale suunatud
Vasakpoolne näide
Vaikimisi joondavad inglise ja teised keeled teksti vasakule. Kui aga teksti või pilti sisaldav element on parempoolse joondusega või tuleb teksti või pildi joondust muuta, saab allpool olevat koodi lisada oma elemendile või CSS-i.
HTML-kood
Vasakpoolne
Näpunäide. Vaadake allpool toodud täiendavaid näpunäiteid elemendi joondamise, polstrite ja marginaali reguleerimiseks.
Tab on joondatud näide
Kuigi ei ole "vahekaarti" teksti joondamist, saab vahekaardi joondamise elemendile elementi lisada vasakpoolse marginaali, nagu allpool näidatud.
HTML-kood
Vahekaart on joondatud
Näpunäide. Vaadake allpool toodud täiendavaid näpunäiteid elemendi joondamise, polstrite ja marginaali reguleerimiseks.
Keskele joondatud näide
Kasutades teksti-align atribuuti, saate keskendada mis tahes teksti või kujutise elemendi, nagu on näidatud allpool toodud näites.
HTML-kood
Center-joondatud
Näpunäide. Vaadake allpool toodud täiendavaid näpunäiteid elemendi joondamise, polstrite ja marginaali reguleerimiseks.
Parem-joondatud näide
Kasutades teksti-align atribuuti, saate keskendada mis tahes teksti või kujutise elemendi, nagu on näidatud allpool toodud näites.
HTML-kood
Paremale suunatud
Näpunäide. Võite kasutada ka CSS-i pildi paremal joondamisel veebilehel.
Näpunäide. Vaadake allpool toodud täiendavaid näpunäiteid elemendi joondamise, polstrite ja marginaali reguleerimiseks.
Täiendavad joondamise nõuanded
Allpool on toodud täiendavad joondamisnõuded, mida saab rakendada mis tahes ülaltoodud stiilireeglitele või teistele CSS klassidele.
- Ükskõik millisele ülaltoodud stiilile võib lisada lisamarginaali, kui vajate täiendavat süvendit või soovite rohkem polsterdamist. Näiteks võite teksti paremasse elementi liigutamiseks kasutada parempoolset joondust paremale.
- Kui soovite rohkem tundlikule lehele, siis reguleerige või eemaldage vasakpoolset või paremat õigustust väiksemal ekraanil.