topical media & game development

talk show tell print

basic-css-04-Examples-ex-measurement.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> ex measurement </title>
          <style type='text/css' media='all'>
          	* {
                          font-size: 62px;
                          color: white;
                          margin: 25px;
                  }
                  body {
                          background: gray;
                  }
                  p#serif {
                          font-family: serif;
                          background: black;
                          line-height: 1ex;
                  }
                  p#sans {
                          font-family: sans-serif;
                          background: black;
                          line-height: 1ex;
                  }
                  p#monospace {
                          font-family: monospace;
                          background: black;
                          line-height: 1ex;
                  }
                  p#cursive {
                          font-family: cursive;
                          background: black;
                          line-height: 1ex;
                  }
                  p#fantasy {
                          font-family: fantasy;
                          background: black;
                          line-height: 0;
                          height: 1ex;
                  }
          </style>
      </head>
      <body>
          <p id='serif'>
                          x
          </p>
          <p id='sans'>
                  x
          </p>
          <p id='monospace'>
                  x
          </p>
          <p id='cursive'>
                  x
          </p>
          <p id='fantasy'>
                  x
          </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.