Download
float n.
Skip this Video
Loading SlideShow in 5 Seconds..
Float PowerPoint Presentation

Float

138 Views Download Presentation
Download Presentation

Float

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Float 11 February 2014

  2. Floating Elements • Floated horizontally: left or right • Will move as far to the left or right as it can • Example: inside a div or section • Elements afterwill flow around it • Elements beforeit not affected

  3. Placing Images • Easy to put an image on a line by itself • May want it next to text • Float the image -- float: left (or right); • ALWAYS put the image before the text • Floatutorial

  4. Float • Can be applied on any element • Pictures (img, figure) • Sidebars (div, section, header) • Navigation buttons (list items) • Floatutorial especially good

  5. To Stop FLOAT • Clear property • Specifies which sides of an element other floating elements are notallowed • Left, right, both • Can be applied to any element • Images to create a vertical stack • Headers to break up the page into sections • To end a float