From the course: Tailwind CSS Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Object floating and containment

Object floating and containment - CSS Tutorial

From the course: Tailwind CSS Essential Training

Start my 1-month free trial

Object floating and containment

- Some classes let you control how objects float around images, and how they fit within their containers. So let's take a look at those. First off is the float set of classes, You specify the keyword float, and then one of the sides like none, left, or right. And you've probably seen this before, if you need to flow something around an image, you use these float classes and the tailwind equivalents are just to add the float left in this case, and the item will float to the left. This is what float non looks like, it's Essentially it doesn't put the text next to the image and then float right looks like this. Now, as I mentioned, there is a set of clear fix classes, and in the last video we learned that there's a special one called flow route. But if you simply want to emulate the traditional CSS classes, you use the clear and then one of these sites, clear none, left, right or both. And for an example here I have, a…

Contents