7 Harnessing the full power of float
This chapter covers
- Creating a drop cap using float
- Using float to wrap text around the image
- Using CSS shapes to make the text follow the floated image’s shape
Grid and Flexbox have given us the ability to create layouts that once were incredibly difficult to realize, if not impossible. One of the most common examples is a three-column layout with all three columns the same height regardless of the contents. Another layout technique, which unlike its grid and flexbox counterparts has been around for quite some time, is float. Part of the CSS Logical Properties and Values Module, float is purpose-built to allow other content to wrap around the element being floated; as a result, it shines at manipulating ...
Get Tiny CSS Projects 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.
