Hirdetés
- Bemutatkozott a Poco X7 és X7 Pro
- Fotók, videók mobillal
- iPhone topik
- Mától Huawei okosórákkal is lehet érintésmentesen fizetni
- Poco X8 Pro Max - nem kell ide sem bank, sem akkubank
- Google Pixel 9 Pro XL - hét szűk esztendő
- Honor Magic8 Pro - bevált recept kölcsönvett hozzávalókkal
- Vivo X300 Ultra - tárcsázz, ha van rá keret!
- Xiaomi 17 Ultra - jó az optikája
- Yettel topik
Új hozzászólás Aktív témák
-
tildy
nagyúr
válasz
pumatom
#3511
üzenetére
cssel:
<style type="text/css">
#outer {height: 400px; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner {width: 200px; margin-left: auto; margin-right: auto;} /* for all browsers*/
/* optional: #inner[id] {position: static;} */
/* just format */
div.greenBorder {border: 1px solid green; background-color: ivory;}
</style>
</head>
<body>
<h1>Vertical and horizontal centering in valid CSS - Example</h1>
<div id="outer" class="greenBorder">
<div id="middle">
<div id="inner" class="greenBorder">
any text<br>
<b>any height, set width,</b><br>
any content, for example generated from DB<br>
everything is both vertically and horizontally centered<br>
</div>
</div>
</div>
Új hozzászólás Aktív témák
- Bemutatkozott a Poco X7 és X7 Pro
- Milyen billentyűzetet vegyek?
- A nagy Szóda, Szódakészítés topic - legyen egy kis fröccs is! :-)
- Fotók, videók mobillal
- iPhone topik
- Építő/felújító topik
- Mától Huawei okosórákkal is lehet érintésmentesen fizetni
- Kínai és egyéb olcsó órák topikja
- Ingatlanos topic!
- BestBuy topik
- További aktív témák...
- Asus ROG MAXIMUS Z690 EXTREME Alaplap!
- 11" M1 iPad Pro 3. Gen 128 GB Silver - 27% ÁFA - Garancia (0434BE)
- Üzleti kategóriás laptopok, asztali számítógépek, alkatrészek,garanciával, ZoliLaptop.hu
- ÓRIÁSI BOMBA AKCIÓK! PSN, STEAM, UBISOFT CONNECT, EA APP, XBOX EREDETI KULCSOK 100% GARANCIA
- AKCIÓ! LENOVO ThinkPad P15 Gen2 munkaállomás - i7 11800H 64GB DDR4 1TB SSD RTX A2000 4GB W
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest

