Text v HTML souboru je nutné pomocí HTML tagů naformátovat, jinak se vám nezobrazí, tak jak chcete. Pro odstavce používejte tagy <p> a </p>, pro přechod na nový řádek tag <BR>, pro nadpisy v textu <H1> až <H6>, pro tučný text <B> a </B>, pro text psaný kurzívou <I> a </I>.CSS vlastnost text-align nastavuje zarovnání písma. Ve své základní podobě (zarovnání vlevo, vpravo, na střed či do bloku) je široce podporovaná napříč prohlížeči.Asi nejčastější způsob, jak se elementy odsouvají, je využití vlastnosti margin .

1. Obsah.
2. Obsah.
3. Text jakože tlačítko text Text <span style="padding: .3em; margin: -.3em; background: #fff">jakože tlačítko</span> text Zobrazit zdrojZdroj.

Jak posunout text dolů HTML : Top a left

Názvy těchto vlastností jsou poněkud nelogické, takže je potřeba si zapamatovat, že top určuje posunutí objektu směrem dolů a left doprava. Pro posouvání nahoru a doleva se nepoužívá bottom a right, nýbrž top a left se zápornými hodnotami (vlastnosti bottom a right viz níže).

Jak vycentrovat text CSS

right – Zarovná text napravo. center – Vycentruje text. justify – Zarovná text do bloku. Tuto hodnotu je vhodné používat pouze v případě, že je element s textem dostatečně široký, jinak dochází ke vzniku neúhledných mezer.

Jak zarovnat text do bloku CSS : Zarovnání textu – text-align

Pomocí CSS lze text zarovnat: vlevo (text-align:left), vpravo(text-align:right), na střed(text-align:center) nebo do bloku(text-align:justify).

Tučnější písmo

Písmo lze nastavit tučnější nebo také normální stačí přidat definici font-weight . Některá písma mohou být tenčí nebo tučnější, jsou to většinou online písma, viz výše. Hodnotu lze zadat slovně ( lighter, normal, bold, bolder ), a nebo číselnou hodnotou ( 300, 400, 500, 600, 700 ), vždy záleží na písmu.

right – Zarovná text napravo. center – Vycentruje text. justify – Zarovná text do bloku. Tuto hodnotu je vhodné používat pouze v případě, že je element s textem dostatečně široký, jinak dochází ke vzniku neúhledných mezer.

Jak zarovnat text na střed stránky v HTML

Pozn.: Chceme-li zarovnat všechny nadpisy h1 na střed, zapíšeme vlastnost text-align: center; přímo do definice stylu h1.Svisle na střed textu mezi horním a dolním okrajem

1. Vyberte text, který chcete zacentrovat.
2. Na kartě Rozložení nebo Rozložení stránky klikněte na ikonu pro otevření dialogového okna.
3. V poli Svislé zarovnání klikněte na Na střed.
4. V poli Použít na klikněte na Vybraný text a potom klikněte na OK.

Pomocí CSS 3 vlastnosti margin nastavujeme okraj elementu, tedy vzdálenost mezi rámečkem a okolím elementu. Margin je spolu s vlastnostmi border a padding součástí tzv. box modelu (občas překládáno jako "krabičkový model"). Box model znázorňuje pozici těchto 3 vlastností okolo obsahu HTML elementu.

left — zarovnání doleva (výchozí hodnota, nemusí se nastavovat) right — zarovnání doprava. centert — zarovnání na střed. justify — zarovnání do bloku.

Jak udělat tučný text : Vyberte text, který chcete změnit na tučný, a proveďte jednu z následujících akcí:

1. Přesuňte ukazatel na minipanel nástrojů nad výběrem a klikněte na Tučné .
2. Klikněte na Tučné ve skupině Písmo na kartě Domů .
3. Zadejte klávesovou zkratku: CTRL+B.

Co je padding v CSS : Odsazení obsahu od okraje boxu (padding)

Nechceme-li, aby byl obsah boxu namáčknutý přímo na okraj (nebo rámeček) boxu, musíme přidat odsazení. Odsazení obsahu boxu od jeho okraje se provádí vlastností padding. Padding tedy nastavuje odsazení obsahu od okraje boxu směrem dovnitř boxu.

Jak zarovnat obrázek na střed v CSS

Atribut align se dá nahradit css stylem float (pro hodnoty obtékání right a left) a css stylem vertical-align (pro umístění na řádku). Chcete-li obrázek umístit na střed, přes atribut align to nejde. Obalte obrázek nějakým blokovým prvkem (třeba tagem <div>) a zarovnání na střed zadejte tomuto obalovacímu prvku.

Zarovnání textu

1. Vyberte buňku, řádek, sloupec nebo oblast.
2. Na kartě Domů v části Zarovnání vyberte možnost zarovnání:
3. Zarovnat nahoru. Zarovnání na střed. Zarovnat dolů Zarovnat doleva. Zarovnání na střed. Zarovnat doprava.

Umístěte kurzor na libovolné místo v odstavci, dokumentu nebo tabulce, které chcete zarovnat. Udělejte něco z tohoto: Pokud chcete text zarovnat doleva, stiskněte Ctrl+L. Pokud chcete text zarovnat doprava, stiskněte Ctrl+R.

Jaký je rozdíl mezi margin a padding : Pomocí CSS3 vlastnosti margin nastavujeme okraj elementu, tedy vzdálenost mezi rámečkem a okolím elementu. Pomocí CSS3 vlastnosti padding potom nastavujeme vzdálenost mezi rámečkem a obsahem elementu.