CSS Text Shadow - This will look different between different web browsers

Shadow

Shadow

What looks like text with a drop shadow is actually simple positioning. There are two </p> tags that contain the same text. They are positioned one above the other and one left of the other.

This is accomplished using CSS. Here's the code:

Inside the <Head> area (not inside the tag):

<STYLE TYPE=text/css>
<!-- #set_a {position: relative; left: 101px; top: 53px; color: #ababab; font-weight: bold; font-family: arial; font-size: 25px;} -->
<!-- #set_b {position: relative; left: 99px; top: 1px; color: #ff0000; font-weight: bold; font-family: arial; font-size: 25px;} -->
<style>




In the body area:

<p id="set_a">Shadow</p>
<p id="set_b">Shadow</p>

RETURN