Тень создается с помощью кода:

<div style="background-color: #4a1e22; text-align:center;">
<p style="position: relative; top: 0px; font-family:Arial; font-size: 400%; left: 50px; color:#ab5b00;">Пример
<span style="position: absolute; font-family:Arial; font-size:100%; color:#fec414; left:-5px; top:-6px;">Пример</span></p>
</div>

При этом содержимое тега span располагается не по центру, а слева.
Кроме того, параметры left: -5px и top: -6px желательно выразить в процентах, но в этом случае код не работает.

Как решить эти две проблемы?

http://css3.pascal-seven.de/

_____________
Вязание xe4.ru спицами.
Сайт для тестов (подопытный №543)

text-shadow я знаю, но использовать бы его не хотелось, поскольку дизайнер сделал очень красивое решение, которое text-shadow не реализует. Да и не со всеми браузерами работает.

Тем более, что это можно и вручную реализовать, наверное.

(А за ссылку спасибо - очень полезная вещь, взял на заметку!).

Вот еще отличный сайт по html и css

_____________
Вязание xe4.ru спицами.
Сайт для тестов (подопытный №543)

Превосходные варианты! Хотя для ИЕ, конечно, несколько морочные.

А с помощью position нет возможности?