topical media & game development

talk show tell print

basic-css-02-Tr-It-Out-example2-5.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> Doctype Sniffing </title>
           <style type='text/css' media='all'>
              table {
                  margin: auto;
              }
  
              td {
                  background: green;
                  margin: 10%;
                  border: 5px solid black;
                  padding: 10%;
                  width: 100%;
                  color: black;
                  font-size: 200%;
                  text-align: center;
              }
  
              div {
                  background: green;
                  border: 5px solid black;
                  font-size: 200%;
                  padding: 1%;
              }
  
              #div1 {
                  float: left;
                  width: 30%;
              }
  
              #div2 {
                  margin-left: 34%;
                  width: auto;
              }
          </style>
      </head>
      <body>
          <table>
              <tr>
                  <td>
                      Some content.
                  </td>
              </tr>
          </table>
          <div id='div1'>
              This div smells funny.
          </div>
          <div id='div2'>
              This div has a <em>strange</em> and rather pleasing odor about it.
          </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.