topical media & game development

talk show tell print

basic-css-11-Examples-vertical-align-sub-super.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html>
          <head>
              <title></title>
              <style type='text/css'>
                  p {
                      font-size: 16px;
                  }
                  span {
                      font-size: 0.8em;
                  }
                  p#sub span {
                      vertical-align: sub;
                  }
                  p#super span {
                      vertical-align: super;
                  }
              </style>
          </head>
          <body>
              <p id='sub'>
                 This is normal text. <span>This is subscript text.</span> This is normal text.
              </p>
              <p id='super'>
                 This is normal text. <span>This is superscript text.</span> This is normal text.
              </p>
          </body>
      </html>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.