CSCI 121 - Lecture 21 - Website Layout: Basics

Topics Covered

• Float
• The float property specifies whether or not an element should float.
• In its simplest use, the float property can be used to wrap text around images.

• img {
      float: right;
      margin: 0 0 10px 10px;
  }                    
                      

• Clear
• The clear property is used to control the behavior of floating elements.
• Elements after a floating element will flow around it. To avoid this, use the clear property.
• The clear property specifies on which sides of an element floating elements are not allowed to float:

• div {
      clear: left;
  }