Struppi: Tabellen ersetzen durch div -Container

Beitrag lesen

und so könnte es aussehen (vereinfacht).

Nicht ganz, denn auch Klassen sind nur nötig, wenn man spezielle Bereiche oder Markierungen setzten möchte, die mit HTML Tags nicht auszuzeichnen sind.
Also simpler:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title> titel </title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body{
padding-left:15%;
padding-right:15%;
background-color:#eee;
color: #000;
}

p
{
 border-bottom:1px dashed red;
 background-color:#fff;
 padding:10px;
 margin:0;
 color:#000;
}

</style>
</head>

<body>

<p>

text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT
</p>

<p>

text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT text Text tExt teXt texT
</p>

</body>
</html>

Struppi.