Derweiteren soll der Text ja innerhalb des kreuzes bleiben und soll nicht verschoben werden.
Hehe, ein Browser ist kein DTP-Programm!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Lorem ipsum</title>
<style type="text/css">
[code lang=css]#oben, #mitte, #unten {
display: block;
margin: auto;
text-align: center; /* wenn gewünscht */
background: red; /* wenn das Kreuz nicht ausgefüllt sein soll: border-* */
}
#oben, #unten {
width: 8em;
}
#mitte {
width: 16em;
}
* body {
text-align: center; /* IE hack */
}
</style>
</head>
<body>
<span id="oben">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,</span>
<span id="mitte">sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea</span>
<span id="unten">rebum. Stet clita kasd gubergren, no sea takimata sanctus est.</span>
</body>
</html>[/code]
Live long and prosper,
Gunnar
--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)