programming-examples/css/Div tag white-space pre.html

53 lines
1.6 KiB
HTML
Raw Permalink Normal View History

2019-11-15 12:59:38 +01:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:subLang="en" subLang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Div Tag White Space Pre</title>
<style type="text/css">
body {
font: 16px/1.5em arial, serif;
}
h1 {
font: bold 13px/1.5em verdana, serif;
margin: 0.75em 0 0 0;
}
div.pre p {
white-space: pre;
}
</style>
</head>
<body>
<div>
<h1>white-space: normal</h1>
<p>What greater thing is there for two human souls<br>
than to feel that they are joined...<br>
to strengthen each other...<br>
to be at one with each other in silent unspeakable memories.<br><br>
George Eliot</p>
</div>
<div class="pre">
<h1>white-space: pre</h1>
<p>Love is the delightful interval between meeting a beautiful girl<br>
and discovering that she looks like a haddock.<br><br>
John Barrymore</p>
</div>
<div class="nowrap">
<h1>white-space: nowrap</h1>
<p>Don't walk in front of me, I may not follow.<br>
Don't walk behind me, I may not lead.<br>
Just walk beside me and be my friend forever.<br><br>
George Fox </p>
</div>
<div class="pre">
<h1>white-space: pre</h1>
<p>You will never know true happiness until you have truly loved,<br>
and you will never understand what pain really is until you have lost it.<br><br>
Anonymous </p>
</div>
</body>
</html>