Floating - Course Cascading Style Sheets (CSS/CSS3) - Part 12 | web Developer courses

Duration: 18 minutes

Summary: In this video,before we start discussing floating we still have one stop regarding positioning. Note that by setting the overflow value to ‘auto’ the browser will automatically handle the overflow for you and add scrollbars if necessary. Now back to floating. We will see how to float the element to the left or right of the page using the float attribute. This comes handy when we want to float a piece of text close to an image. We will accomplish this here and add some margin and border to highlight the image and keep it a bit away from the text. A similar behavior of floating an element can be done using the position attribute that we have learned in the previous video. Finally, we will see how to display a gallery of images using the float attribute.

Methodology: Using simple examples to illustrate the key points.

Technology Used: CSS, HTML and Visual Studio 2010

Keyword: CSS, HTML, Visual Studio 2010, background-color, width, height, overflow, auto, position, right, float, left, border, margin.