Nested font size : font size : Text HTML CSS TUTORIALS


HTML CSS TUTORIALS » Text » font size »

 

Nested font size


 


<!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: sans-serif;
                font-size: 16px;
            }
            div {
             padding-left: 5px;
             margin-left: 5px;
             font-size: larger;
             border: 1px solid gray;
            }
        </style>
    </head>
    <body style='font-size: xx-small; background: rgb(240240240);'>
    font-size: xx-small;
    <span style='font-size: 7pt;'>
      font-size: 7pt;
    </span>      
    <span style='font-size: 9px;'>
      font-size: 9px;
    </span>
    <div style='background: rgb(230230230);'>
      font-size: larger;
      <span style='font-size: x-small;'>
        font-size: x-small;
      </span>
      <span style='font-size: 7.5pt;'>
        font-size: 7.5pt;
      </span>
      <span style='font-size: 10px;'>
        font-size: 10px;
      </span>
      <div style='background: rgb(220220220);'>
        font-size: larger;
        <span style='font-size: small;'>
          font-size: small;
        </span>
        <span style='font-size: 10pt;'>
          font-size: 10pt;
        </span>
        <span style='font-size: 13px;'>
          font-size: 13px;
        </span>
        <div style='background: rgb(210210210);'>
          font-size: larger;
          <span style='font-size: medium;'>
            font-size: medium;
          </span>
          <span style='font-size: 12pt;'>
            font-size: 12pt;
          </span>
          <span style='font-size: 16px;'>
            font-size: 16px;
          </span>
          <div style='background: rgb(200200200);'>
            font-size: larger;
            <span style='font-size: large;'>
              font-size: large;
            </span>
            <span style='font-size: 13.8pt;'>
              font-size: 13.8pt;
            </span>
            <span style='font-size: 18px;'>
              font-size: 18px;
            </span>
            <div style='background: rgb(190190190);'>
              font-size: larger; 
              <span style='font-size: x-large;'>
                font-size: x-large;
              </span>
              <span style='font-size: 18pt'>
                font-size: 18pt;
              </span>
              <span style='font-size: 24px;'>
                font-size: 24px;
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Text
» font size