csstdg5figs/10-floating-and-positioning/relativepos2.html at main · meyerweb/csstdg5figs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<title>Another relatively positioned element</title>
<style type="text/css">
body {width: 390px;}
em {position: relative; top: 10em; color: red;}
</style>
</head>
<body>

<p>
Even there, however, the divorce is not complete <em>and never can be</em>. I've been saying this in public presentations for a while now, and it bears repetition here: you can have structure without style, but you can't have style without structure.  You have to have elements (and, also, classes and IDs and such) in order to apply style. If I have a document on the Web containing literally nothing but text, as in no HTML or other markup, just text, then it can't be styled.
</p>

</body>
</html>