Documentation

Learn how to use all of great features that Concise provides.

Quick Floats

Floating elements are simple with Concise, with classes that can be applied to any element.

When floating elements with either the .float-left or .float-right class, ensure they are wrapped around a .clearfix class so all of the floats are cleared.

In addition, when using the .align-center helper class on an element with an unknown width, additional styling may be required to properly center the element. Referring to Chris Coyier's "Centering in the Unkown" article may come in handy when handling such a situation.

Preview

Float left

Float right

Align center

Code 
<div class="clearfix">
  <div class="float-left">...</div>
  <div class="float-right">...</div>
</div>

<div class="align-center">...</div>

Removing Floats

Removing a float from any element is easy with the .float-none class.

Code 
<div class="float-none">...</div>