clear left : clear « CSS « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » CSS » clear 
clear left
 
<!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'>
                {
                    border: 1px solid black;
                    background: rgb(218218218);
                    line-height: 1em;
                    padding: 10px;
                }
                p#floated {
                    float: left;
                    margin: 10px;
                }
                p#cleared {
                    clear: left;
                }
            </style>
        </head>
        <body>
            <p id='floated'>
                This is the text of the first paragraph.
            </p>
            <p id='cleared'>
                This is the text of the second paragraph.
            </p>
        </body>
    </html>

   
  
Related examples in the same category
1.'clear' Example
2.clear: left with float: left
3.clear: left with float right
4.clear: both
5.clear both
6.clear left only
7.Float and Clear Control under CSS
8.Float Clearing
9.Clearing floated content
10.The clear property cancels the effects of the float property, and can prevent wrapping from taking place.
11.clear: both;
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.