Bármely szöveget a weblapon balra, középre vagy jobbra lehet igazítani. A képek ugyanúgy illeszthetők a weboldalra is, mint a szöveg. Az alábbiakban példákat talál a szöveg és a képek balra, lapjára, középre és jobbra igazítására.

Tipp: Ha valamelyik szövegbeállítás nem működik, győződjön meg róla, hogy az ugyanazon elemhez vagy egy elemhez tartozó más CSS-osztályok vagy -stílusok nem állnak ellentétben azzal a megalapozottsággal, amelyet megpróbál.

Megjegyzés: Ezekkel a példákkal és a legtöbb beállítással a szöveg a szöveget tartalmazó elemben van. A szöveg középpontjában egy HTML div van, és balra igazítható a weblap többi részén. Továbbá a CSS-igazolást (pl. Egy képet) tartalmazó címkében található bármi is igazodik.

Példák az igazításra

Balra igazított

A fül igazítva

Középre igazított

Jobbra igazított

Balra igazított példa

Alapértelmezés szerint az angol és más nyelvek igazítják a szöveget balra. Ha azonban a szöveget vagy képet tartalmazó elem jobbra van állítva, vagy módosítani kell a szöveg vagy kép igazítását, az alábbi kódot hozzáadhatja az elemhez vagy a CSS-hez.

HTML kód

Balra igazított

Tipp: Lásd az alábbi további tippeket az elem igazításának, párnázásának és margójának beállításához.

Tab egyenes példa

Bár nincs "tab" szöveg-igazítás, egy bal oldali margó hozzáadható egy elemhez a lapok igazításának megjelenítéséhez, ahogy az alább látható.

HTML kód

A fül igazítva

Tipp: Lásd az alábbi további tippeket az elem igazításának, párnázásának és margójának beállításához.

Középre igazított példa

A text-align attribútum használatával bármelyik szöveget vagy képet elhelyezhet egy elemben, ahogy azt az alábbi példa mutatja.

HTML kód

Középre igazított

Tipp: Lásd az alábbi további tippeket az elem igazításának, párnázásának és margójának beállításához.

Jobbra igazított példa

A text-align attribútum használatával bármelyik szöveget vagy képet elhelyezhet egy elemben, amint azt az alábbi példa mutatja.

HTML kód

Jobbra igazított

Tipp: Másik lehetőségként a CSS segítségével jobbra igazíthatja a képet egy weboldalon.

Tipp: Lásd az alábbi további tippeket az elem igazításának, párnázásának és margójának beállításához.

További igazítási tippek

Az alábbiakban további illesztési tippeket lehet alkalmazni, amelyek bármelyik fenti szabályra vagy más CSS osztályra alkalmazhatók.

1. A fenti stílusok bármelyikéhez további margót lehet hozzáadni, ha további bevágást igényel, vagy több betétet szeretne. Például, a jobbra igazított példára egy margó-jobbra lehet alkalmazni, hogy a szöveget tovább mozgassa az elembe.
2. Ha jobban érzékenyebb oldalt szeretne, győződjön meg róla, hogy kisebb képernyőn nézve állítsa be vagy távolítsa el a bal vagy jobb igazolást.