Using floats is some what of a older method, and I wouldn’t recommend using it except for in specific moments. Now-a-days CSS has better tools built into it to achieve the layouts you would create using floats. None the less, it’s very easy to use and better to know it than not.
In the example above, notice the image and where it is position in the html and on the page. Normally, the 100×100 image would be positioned after “Float Right.” But since we have that element’s float property set to
right, it is positioned relative to other inline elements (i.e. img, p, a tags).
Typically, I reserve the use of floats for designs like the above example. Text usually wraps around floated elements, making it perfect for this.