Search
Find
Colors
Change the color of the text or background
Display
Customize how the content is displayed in your website
Float
Align elements in your website
Sizing
Modify the width or the height of an element
Spacing
Customize the padding and the margin of an element
Text helpers
Basic text helpers
Miscellanea helpers
A collection of unclassified helpers
Float
Align elements in your website
Added in v3.1.0
Use
siimple--float-left to float content to the left, siimple--float-right to float content to the right and siimple--float-none to don't float the content.
Left aligned content
Right aligned content
No float
<div class="siimple--float-left">Left aligned content</div><br> <div class="siimple--float-right">Right aligned content</div><br> <div class="siimple--float-none">No float</div>
Clearfix
Clear all floats adding
siimple--clearfix to the parent element.
Left
Right
<div class="siimple--clearfix">
<div class="siimple--float-left">Left</div>
<div class="siimple--float-right">Right</div>
</div>
Found a mistake or want to help improve this documentation?
Suggest changes.