CSS Properties - Float & Alignment The CSS properties in the table below can be used to define how various components on your web page are floated and aligned. These properties are typically applied to block elements but you can also apply them to images ( text-align excluded) and some form elements. These include the following: Float ~ The float property can be used to align an entire block element to the left or right such that other content flows around it. It works exactly the same way as the HTML align attribute applies to the img element . Hence, if a block element is floated to the left, content will flow along its right side. Conversely, if the block element is floated to the right, content will flow along its left side. Naturally, the width of the floated element will have to be set smaller than that of its container in order to see the float in effect. Here are some examples: Example 1 - LEFT FLOAT &lt;~ This block element is floated to the left. Its width is set to 35%. The red box is a block element which contains this text and another smaller block element which is floated to the left (green box). This text flows along the right side of the green box and will continue as such until reaching the bottom of the green box at which point the text will run the entire width of the red box. Example 1 - LEFT FLOAT