-
Notifications
You must be signed in to change notification settings - Fork 8
/
reset.xhtml
60 lines (56 loc) · 2.85 KB
/
reset.xhtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Reset</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css" media="screen">
p {width: 60%; float: right; margin: 2em; padding: 3em; border: solid medium #FC0;}
/*
auto does not work in crappy UAs. Use 100% instead in that case !
*/
p {width: auto; float: none; margin: 0em; padding: 0em; border: solid medium #FC0; }
</style>
</head>
<body>
<h1>Reset test</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed
risus. Maecenas vitae augue quis quam lobortis bibendum. Etiam eget dolor. Sed
et nisl. Maecenas eleifend. Donec pharetra ultrices massa. In hac habitasse
platea dictumst. Fusce adipiscing mollis ligula. Donec adipiscing tempor quam.
Cras lectus ligula, cursus quis, ornare vitae, tempus at, arcu. Nulla nibh. Nam
posuere. Suspendisse vitae nunc vitae augue cursus scelerisque. Suspendisse
hendrerit urna et orci. Integer ut massa. Sed augue purus, tempus non,
consequat sit amet, mattis at, erat. Sed bibendum orci vitae erat. Quisque
posuere elit sit amet nunc.
</p>
<p style="width: 60%; float: right; margin: 2em; padding: 3em; border: solid medium #FC0;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed
risus. Maecenas vitae augue quis quam lobortis bibendum. Etiam eget dolor. Sed
et nisl. Maecenas eleifend. Donec pharetra ultrices massa. In hac habitasse
platea dictumst. Fusce adipiscing mollis ligula. Donec adipiscing tempor quam.
Cras lectus ligula, cursus quis, ornare vitae, tempus at, arcu. Nulla nibh. Nam
posuere. Suspendisse vitae nunc vitae augue cursus scelerisque. Suspendisse
hendrerit urna et orci. Integer ut massa. Sed augue purus, tempus non,
consequat sit amet, mattis at, erat. Sed bibendum orci vitae erat. Quisque
posuere elit sit amet nunc.
</p>
<p style="width: auto; float: none; margin: 0em; padding: 0em; border: solid medium #FC0;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed
risus. Maecenas vitae augue quis quam lobortis bibendum. Etiam eget dolor. Sed
et nisl. Maecenas eleifend. Donec pharetra ultrices massa. In hac habitasse
platea dictumst. Fusce adipiscing mollis ligula. Donec adipiscing tempor quam.
Cras lectus ligula, cursus quis, ornare vitae, tempus at, arcu. Nulla nibh. Nam
posuere. Suspendisse vitae nunc vitae augue cursus scelerisque. Suspendisse
hendrerit urna et orci. Integer ut massa. Sed augue purus, tempus non,
consequat sit amet, mattis at, erat. Sed bibendum orci vitae erat. Quisque
posuere elit sit amet nunc.
</p>
<ul>
<li>
<a href="http://validator.w3.org/check/referer">W3</a>
</li>
</ul>
</body>
</html>