8 Floating and Positioning Elements
This chapter covers
- Learning how elements flow down the page
- Interrupting the normal flow by floating elements
- Using floats to create drop caps and pull quotes
- Interrupting the normal flow by positioning elements
Left to its own devices, the web browser imposes an inflexible structure on your web pages, and your site is in danger of becoming boring (at least from a design perspective). To avoid that fate, you need to take control of your page elements and free them from the web browser's fixed ideas about how things should be laid out. You do that by wielding two of the most powerful CSS tools in the web designer's arsenal: floating and positioning. With these tools, you can break out of the browser's default ...
Get Web Design Playground, Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
