topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-css-18-Examples-peek-a-boo.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'>
              div#container {
                  border: thick dotted black;
                  margin: 0 20px;
                  background: ghostwhite;
              }
              a:hover {
                  background: orange;   
              }
              div#float {
                  text-align: center;
                  float: left;
                  border: 1px solid black;
                  width: 150px;
                  height: 150px;
              }
              div.content {
                  background: lightyellow;
                  border: 1px solid black;
              }
              div#clear {
                  border: 1px solid black;
                  background: lightgreen;
                  clear: both;   
              }
          </style>
      </head>
      <body>
          <div id='container'>
              <div id='float'>
                  Float text. <a href='#'>Link text</a>.
              </div>
                  Content text. <a href='#'>Link text</a>. 
              <div class='content'>
                  Content text. <a href='#'>Link text</a>.    
              </div>
                  Content text. <a href='#'>Link text</a>. 
              <div class='content'>
                  Content text. <a href='#'>Link text</a>.    
              </div>
                  Content text. <a href='#'>Link text</a>. 
              <div class='content'>
                  Content text. <a href='#'>Link text</a>.    
              </div>
                  Content text. <a href='#'>Link text</a>. 
              <div id='clear'>
                  Clear text. <a href='#'>Link text</a>. 
              </div>
              <div>
                  Another div.
              </div>
          </div>
      </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(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.