Pues no hay más que trasladar lo mismo a la hoja de estilo y luego usar class.
<html>
<head>
<style type="text/css">
.sombra{
color: #000000;
font-style: italic;
font-weight: bold;
font-size: 22pt;
position: relative;
}
.texto{
color: #336699;
top: -1px;
left: -1px;
position: absolute;
}
</style>
</head>
<body>
<div class="sombra">Texto<div class="texto">Texto</div></div>
</body>
</html>
Realmente lo único importante para crear la sombra es lo que está en
negrita .