topical media & game development

talk show tell print

basic-css-11-Examples-float-box-model.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 {
                      margin: 10px;
                      background: rgb(200, 200, 200);
                      height: 100px;
                  }
                  
                  p#floated {
                      background: rgb(220, 220, 220);
                      margin: 10px;
                      padding: 10px;
                      border: 1px solid black;
                      float: left;
                  }
                  p#normal {
                      background: rgb(240, 240, 240);
                      border: 1px solid black;
                  }
              </style>
          </head>
              <body>
                  <div>
                      <p id='floated'>
                          This paragraph is floated left.
                      </p>
                      <p id='normal'>
                          The text if this paragraph is beside the floated paragraph.
                      </p>
                  </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.