Horizontální zarovnání stránky o pevné šířce na střed
Horizontální vycentrování stránky na střed okna prohlížeče.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Marek Prokop. Bližší popis najdete v článku Centrování v CSS – Příklad 2.
CSS
body
{
margin: 0;
padding: 0;
text-align: center;
}
#obalovydiv
{
width: 550px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
padding: 1em;
border: 2px solid blue;
color: #000;
background : #dddddd none;
text-align: left;
}
XHTML
<html>
<body>
<div id=“obalovydiv“>
Tady bude obsah stránky…
</div>
</body>
</html>
Předchozí článek
Min-width bez JavaScriptu či Expressions i pro MSIE
Mohlo by vás také zajímat
-
Jak nainstalovat šablonu ve WordPressu
23. července 2024 -
10 nejpopulárnějších programovacích jazyků a jejich využití
9. listopadu 2023 -
Jak lze snadno upravovat soubory v PDF?
14. září 2023 -
Windows App: Pracujte odkudkoliv, kdykoliv
3. listopadu 2024
Nejnovější
-
-
Co je to GPSR a jak ovlivní české e‑shopy?
28. ledna 2025 -
Apple jde naproti práci s HDR monitory!
17. ledna 2025 -
Jak využít AI potenciál svého Macu?
9. ledna 2025