Archiv der Kategorie: CSS-Style

CSS-Style & Layout

Table Layout mit DIV und P (Display: table;)

Table-Layout mit DIV und P (Display: table;)

<!DOCTYPE html>
<html>

<style>

.xtab{display: table;}
.xtab > div {display: table-row;}
.xtab > div > p {display: table-cell; background: yellow;}

</style>

<body>

<div class='xtab'>
<div>
<p>Zelleninhalt <p>Anderes 'p'</p>....</p>
<p>Zelleninhalt</p>
</div>
<div>
<p>Zelleninhalt</p>
<p>Zelleninhalt</p>
</div>
</div>

</body>
</html>