PayneLess Designs - Text Outlining

<!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 Outlining</title>

<meta name="created" content="Mon, 01 Nov 2010 23:57:52 GMT">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">

<style type="text/css">
p {
font-family: arial, 'times new roman', sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #000;
line-height: 2em;
word-spacing: 1em;
letter-spacing: .5em;
}
#out_line span {
padding: 1px;
outline: #f00 2px solid;
margin: -2em -2em 0 2.5em;
}
</style>


<!--[if IE]>
<style type="text/css">
p {
word-spacing: 1em;
letter-spacing: .5em;
}
#out_line span {
padding: 2px;
outline: #f00 1px solid;
margin: -2em -2em 0 2em;
}
</style>
<![endif]-->
</head>
<body>
<p id="out_line"><span>E</span><span>a</span><span>c</span><span>h</span> <span>l</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span> <span>o</span><span>f</span> <span>t</span><span>h</span><span>i</span><span>s</span> <span>p</span><span>a</span><span>r</span><span>a</span><span>g</span><span>r</span><span>a</span><span>p</span><span>h</span> <span>s</span><span>h</span><span>o</span><span>u</span><span>l</span><span>d</span> <span>b</span><span>e</span> <span>o</span><span>u</span><span>t</span><span>l</span><span>i</span><span>n</span><span>e</span><span>d</span> <span>w</span><span>i</span><span>t</span><span>h</span> <span>a</span> <span>s</span><span>o</span><span>l</span><span>i</span><span>d</span> <span>r</span><span>e</span><span>d</span> <span>l</span><span>i</span><span>n</span><span>e</span><span>.</span></p>
</body></html>