topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-web-html-07-ch07-eg09.htm / htm



  <?xml version="1.0" ?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  
  <head>
    <title>CSS Example</title>
    <link rel="stylesheet" type="text/css" href="basic-web-html-07-ch07-eg09.css" />
  </head>
  
  <body>
  <h1>vertical-align</h1>
  <table>
    <tr><td>
      <span class="plain">Plain text</span> <span class="baseline">baseline</span><img class="baseline" src="basic-web-html-07-images/block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="sub">sub</span><img class="sub" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="super">super</span><img class="super" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="top">top</span><img class="top" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="texttop">texttop</span><img class="texttop" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="middle">middle</span><img class="middle" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="bottom">bottom</span><img class="bottom" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="textbottom">textbottom</span><img class="textbottom" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="oneHundredPercent">100%</span><img class="100percent" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
    <tr><td class="none">&nbsp;</td></tr>
  
    <tr><td>
      <span class="plain">Plain text</span> <span class="fiftyPercent">50%</span><img class="50percent" src="basic-web-html-07-images-block.gif" width="50" height="50" alt="block" />
    </td></tr>
  
  </table>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/08/2009

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.