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-11-Examples-float-left-and-right-with-other-content.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 {
                      margin: 0;
                      padding: 8px;
                  }
                  p {
                      border: 1px solid black;
                      padding: 10px;
                      background: rgb(218, 218, 218);
                      margin: 10px;
                  }
                  p#left {               
                      float: left;
                  }
                  p#right {
                      float: right;
                  }
              </style>
          </head>
          <body>
              <p id='left'>
                  This is the text of the first paragraph.
              </p>
              <p id='right'>
                  This is the text of the second paragraph.
              </p>
              <p>
                  This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph.  This is the text of the third paragraph.
                  This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph.
                  This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph.
                  This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph. 
                  This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph. This is the text of the third paragraph.
              </p>
          </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.