topical media & game development

talk show tell print

basic-css-09-Examples-font-size-absolute-keyword.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/div/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
      <head>
          <title></title>
          <style type='text/css'>
              body {
                  font-family: "Rockwell";
              }
              h1, h2, h3, h4, h5, h6 {
                      display: inline;
                      margin: 0;
                      font-weight: normal;
              }
          </style>
      </head>
      <body>
                 <div>
                            <h1>&lt;h1&gt;</h1>
                       <span style='font-size: 24pt;'>
                                 font-size: 24pt;
                         </span>
                         <span style='font-size: xx-large;'>
                                 font-size: xx-large;
                         </span>
                 </div>
                 <div>
                          <h2>&lt;h2&gt;</h2>
                        <span style='font-size: 18pt;'>
                             font-size: 18pt;
                         </span>
                         <span style='font-size: x-large;'>
                                 font-size: x-large;
                         </span>                                
                 </div>
                 <div>
                       <h3>&lt;h3&gt;</h3>
                         <span style='font-size: 14pt;'>
                                 font-size: 14pt;
                         </span>
                         <span style='font-size: large;'>
                                 font-size: large;
                         </span>
                 </div>
                 <div>
                      <h4>&lt;h4&gt;</h4>
                         <span style='font-size: 12pt;'>
                                 font-size: 12pt;
                         </span>
                         <span style='font-size: medium;'>
                                 font-size: medium;
                         </span>
                 </div>
                 <div>
                             <h5>&lt;h5&gt;</h5>
                      <span style='font-size: 10pt;'>
                              font-size: 10pt;
                      </span>
                      <span style='font-size: small;'>
                              font-size: small;
                      </span>
              </div>
              <div>
                             <h6>&lt;h6&gt;</h6>
                      <span style='font-size: 8pt;'>
                              font-size: 8pt;
                      </span>
                      <span style='font-size: x-small;'>
                              font-size: x-small;
                      </span>
              </div>
              <div>
                      <span style='font-size: 7pt;'>
                              font-size: 7pt;
                      </span>
                      <span style='font-size: xx-small;'>
                              font-size: xx-small;
                      </span>
              </div>
      </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.