csstdg5figs/10-floating-and-positioning/abspos-height-offset-properties.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
21
22
23
24
25
26
<!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>Determining the height of an element based on the offset properties</title>
<style type="text/css">
body {width: 400px;}
div {position: relative ; width: 100%; height: 10em;
   border: 1px solid; background: rgba(0,128,216,0.33);
   color: rgba(0,0,0,0.5); font: bold italic small sans-serif;}
#masthead h1 {position: absolute; top: 1em; left: 1em; right: 25%; bottom: 10px;
  margin: 0; padding: 0; background: rgba(216,128,0,0.67);}
</style>
</head>
<body>


<div id="masthead">
  <h1>transcendent scratchings</h1>
</div>


</body>
</html>