Float

Syntax

Class
Properties
float-left
float: left;
float-right
float: right;
float-none
float: none;
<div class="t1 w-320 bg-c-white rounded-3 color-text p-16 shadow-4"> <div class="t1 w-128 h-128 bg-c-blue mr-16 mb-8 float-left"></div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam blandit consequat leo quis congue. Aliquam erat volutpat. Mauris sit amet sapien quis odio semper aliquet ut vel libero. Etiam felis justo, molestie nec lorem quis, viverra semper purus. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Float left.
t1 float-left
.t1.float-left { float: left; }
Float right.
t1 float-right
.t1.float-right { float: right; }
Float none.
t1 float-none
.t1.float-none { float: none; }