tailwindcss/docs/source/docs/floats.blade.md

extends	title	description	features
_layouts.documentation	Floats	Utilities for controlling the wrapping of content around an element.	responsive customizable hover focus true false false false

@include('_partials.work-in-progress')

@include('_partials.class-table', [ 'rows' => [ [ '.float-right', 'float: right;', "Moves the element to the right side of its container.", ], [ '.float-left', 'float: left;', "Moves the element to the left side of its container.", ], [ '.float-none', 'float: none;', "Removes any previously defined float value.", ], [ '.clearfix', "&::after {\n  content: "";\n  display: table;\n  clear: both;\n}", "Clear any floats within an element.", ], ] ])

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'float', 'property' => 'float', ], 'variants' => [ 'responsive', ], ])