CSS Floating: Floats and Float Shapes [EARLY RELEASE]

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 __CSS: 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 them * Be aware of certain rule exceptions when applying floats to your design, including the use of negative margins * Use the __clear__ property to prevent floats from affecting elements in the next section of the document * Create floating boxes in non-rectangular shapes, including rounded corners, circles, ellipses, and even polygons * Define float shapes with transparent or opaque images 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{u2014}and surprising{u2014}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 CSS: The Definitive Guide. When you purchase either the print or the ebook edition of CSS Floating, you{u2019}ll receive a discount on the entire Definitive Guide once it{u2019}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 them Be aware of certain rule exceptions when applying floats to your design, including the use of negative margins Use the clear property to prevent floats from affecting elements in the next section of the document Create floating boxes in non-rectangular shapes, including rounded corners, circles, ellipses, and even polygons Define float shapes with transparent or opaque images Floats may be a fundamentally simple aspect of CSS, but that doesn't keep them from being useful and powerful. As you'll learn in this practical guide, floats fill a vital and honorable niche, allowing the placement of content to one side while the rest of the content flows around it. Author Eric Meyer provides several options for using CSS floats, and shows you why you're not limited to square float boxes any more. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: 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.