diff --git a/docs/source/styles/floats.blade.md b/docs/source/styles/floats.blade.md
new file mode 100644
index 000000000..5f18935d4
--- /dev/null
+++ b/docs/source/styles/floats.blade.md
@@ -0,0 +1,57 @@
+---
+extends: _layouts.markdown
+title: "Floats"
+---
+
+# Floats
+
+
+ Utilities for controlling the wrapping of content around an element.
+
+
+@include('_partials.feature-badges', [
+ 'responsive' => true,
+ 'customizable' => false,
+ 'hover' => false,
+ 'focus' => false
+])
+
+
+
+
+
+ | Class |
+ Properties |
+ Description |
+
+
+
+
+ | .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 {
+ content: "";
+ display: table;
+ clear: both;
+ }
+ |
+ Clear any floats within an element. |
+
+
+
+