PayneLess Designs - Text - Overlapping Example

<!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>Text - Overlapping Example</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

h1 { text-align:center; }
p {
margin-top: 2em;
line-height:1em;
text-align:center;
}

p span#top-text {
font-size:3em;
font-family: arial;
font-weight: bold;
color: #f30;
}

p span#bot-text {
font-size:2.5em;
font-family: arial;
font-weight: bold;
color: #339900;
}
</style>

<!--[if IE]>
<style type="text/css">
p {
margin-top: .5em;
line-height:1em;
}

p span#top-text {
font-size:2em;
}

p span#bot-text {
font-size:1.5em;
}
</style>
<![endif]-->
</head>
<body>
<h1>Text - Overlapping Example</h1>
<p><span id="top-text">This is an example</span><br><span id="bot-text">of overlapping text!<br><br></span></p>
</body></html>