CSS Floating: Floats and Float Shapes

by Eric A. Meyer

While flowing text around images is certainly nothing new, with CSS you can float any element, from images to paragraphs to lists. In this practical guide, author Eric Meyer reveals some interesting—and surprising—ways to use CSS floats in your web design, including the latest capability to flow content past non-rectangular float shapes.

Short and sweet, this book is an excerpt from the upcoming fourth edition of The Definitive Guide. When you purchase either the print or the ebook edition of CSS Floating, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to bring life to your web pages now.

Learn the characteristics of floated elements, and CSS rules for using themBe aware of certain rule exceptions when applying floats to your design, including the use of negative marginsUse the clear property to prevent floats from affecting elements in the next section of the documentCreate floating boxes in non-rectangular shapes, including rounded corners, circles, ellipses, and even polygonsDefine float shapes with transparent or opaque images

50 pages, Kindle Edition

Published January 13, 2016

About the author

Eric A. Meyer is an American web design consultant and author. He is best known for his advocacy work on behalf of web standards, most notably CSS (Cascading Style Sheets), a technique for managing how HTML is displayed. Meyer has written a number of books and articles on CSS and given many presentations promoting its use. Eric currently works for Igalia.

Reviews

[Anton Antonov · Rating 1 out of 5]

A really one-dimensional book that doesn't supersede MDN.

I don't recommend it to anyone. It's too basic.