topical media & game development

talk show tell print

basic-css-09-Examples-font-size-relative-smaller.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'>
              body {
                  font-family: "Rockwell";
                  font-size: 48px;
              }
              div {
                           border: 1px solid gray;
                           padding: 5px;   
                           margin-left: 20px;
              }
          </style>
      </head>
      <body style='background: rgb(160, 160, 160);'>
                  font-size: 48px;
                          <div style='font-size: smaller; background: rgb(180, 180, 180);'>
                                  font-size: smaller; <span style='font-size: 32px;'>font-size: 32px;</span>
                                  <div style='font-size: smaller; background: rgb(200, 200, 200);'>
                                          font-size: smaller; <span style='font-size: 24px;'>font-size: 24px;</span>
                                          <div style='font-size: smaller; background: rgb(220, 220, 220);'>
                                                  font-size: smaller; <span style='font-size: 18px;'>font-size: 18px;</span>
                                                  <div style='font-size: smaller; background: rgb(240, 240, 240);'>
                                                          font-size: smaller; <span style='font-size: 16px;'>font-size: 16px;</span>
                                                  </div>
                                          </div>
                                  </div>
                          </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.