Home >> CSS návod >> CSS Atribut Margin

CSS Atribut Margin

Pomocí atributu margin definujete volné místo kolem HTML elementu. Margin můžete nastavit kolem celého elementu, ale také jako u rámečků pro každou stranu zvlášť.

Margin pro všechny strany



<div style="border:2px solid red;">

<p style="border:2px solid green;margin:25px;">
Tento text má margin na všech 4 stranách 25 pixelů.
Aby bylo možné lépe vidět efekt marginu, je zde jako pomůcka oddíl (div)
s červeným rámečkem.
</p>

</div>

Výsledek:

Tento text má margin na všech 4 stranách 25 pixelů. Aby bylo možné lépe vidět efekt marginu, je zde jako pomůcka oddíl (div) s červeným rámečkem.

Margin pro každou stranu zvlášť

Pokud nechcete margin na všech 4 stránách nebo na každé straně jiný, můžete použít tyto atributy:

margin-bottom
margin-left
margin-right
margin-top

Příklad:


<p style="border:2px solid red;margin-left:150px;">Tento text má margin vlevo 150px.</p>

Výsledek:

Tento text má margin vlevo 150px.

Další lekce >>

<< Předchozí lekce