<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>文字を上下にずらす</title>
<style type="text/css">
<!--
h1 { font: bold 3em "Comic Sans MS";
color: red; }
span.s1 { vertical-align: super; }
span.s2 { vertical-align: sub; }
-->
</style>
</head>
<body>
<h1 lang="en">
CSS <span class="s1">TIPS</span> <span class="s2">&</span> TRICKS
</h1>
</body>
</html>