Someone posted this on old forum, but sorry don't remember who or when. Anyway it's cool and maybe it'll help you.
<html>
<head>
<style>
.rel { position: relative;font-family:arial;font-weight:bold;color:blue; }
</style>
<script>
var ref = 0;
function angleText (what, dir, angle, space) {
angle = angle || 45;
angle = Math.PI/180 * angle;
space = space || 10;
degY = space * Math.tan(angle);
var txt = '';
txt += '<DIV ID="td' + ref + '"' + ' class="rel"' + '>';
if (dir) {
for (var r = 0; r < what.length; r++) {
txt += '<SPAN ID="td' + ref + r + '" class="rel" STYLE="left: ' + (r * space) + 'px; top: ' + (r * degY) + 'px;">';
txt += what.charAt(r);
txt += '</SPAN>';
}
}
else {
for (var r = 0; r < what.length; r++) {
txt += '<SPAN ID="td' + ref + r + '" class="rel" STYLE="left: ' + (r * space) + 'px; top: ' + ((what.length - r) * degY) + 'px;">';
txt += what.charAt(r);
txt += '</SPAN>';
}
}
txt += '<\/DIV>';
ref ++;
document.write(txt);
}
</script>
</head>
<body bgcolor=#ffffbo>
<script>
angleText('DHTML is really cool! First Line', true, 225, 5);
angleText('DHTML is really cool! Second Line', false, 225, 5);
</script>
<div id="test in div" style="position:absolute;top:200;left:100;background-color:yellow;width:400;height:150;">this one is inside a div<script>
angleText('DHTML is really cool! First Line', true, 225, 5);
angleText('DHTML is really cool! Second Line', false, 225, 5);
</script></div>
<br><br><br><br><br><br><br><br><br><br><br><br>
Just change the parameters in this order: the text; direction (true for normal, false for invert); the angle; and the line spacing.
</body>
</html>