CSS Floating

Floats and Float Shapes

By: Eric A. Meyer

Write A Review

eText | 13 January 2016 | Edition Number 1

At a Glance

Format
ePUB

eText

$8.79

or 4 interest-free payments of $2.20 with

Instant online reading in your Booktopia eTextbook Library *

Why choose an eTextbook?

Instant Access *

Purchase and read your book immediately

Read Aloud

Listen and follow along as Bookshelf reads to you

Study Tools

Built-in study tools like highlights and more

* eTextbooks are not downloadable to your eReader or an app and can be accessed via web browsers only. You must be connected to the internet and have no technical issues with your device or browser that could prevent the eTextbook from operating.

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