From: RafiBomb <rafi@zurb.com>
Date: Mon, 21 Mar 2016 05:32:03 +0000 (-0700)
Subject: adds image float classes
X-Git-Tag: v2.0.0-rc.4~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=29a2b8beee3fdf31a81e2a39e830ba90722d2713;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds image float classes
---

diff --git a/docs/pages/alignment.md b/docs/pages/alignment.md
index 722b6021..f39871f2 100644
--- a/docs/pages/alignment.md
+++ b/docs/pages/alignment.md
@@ -89,7 +89,6 @@ Also, it's not really a float, but the `.float-center` class to an element to en
 
 If you need to center an image only on mobile clients, you can apply the `.small-float-center` class. A good use case would be centering an image smaller than the full column width on devices like an iPhone 5, iPhone 6, and Android 4.4.
 
-
 ```inky_example
 <container>
   <row>
@@ -104,6 +103,22 @@ If you need to center an image only on mobile clients, you can apply the `.small
 </container>
 ```
 
+## Aligning images left and right
+
+You can also align images to the left or the right.
+
+```inky_example
+<container>
+  <row>
+    <columns>
+      <img class="float-left" src="http://placehold.it/200?text=left" alt="">
+      <img class="float-center" src="http://placehold.it/200?text=center" alt="">
+      <img class="float-right" src="http://placehold.it/200?text=right" alt="">
+    </columns>
+  </row>
+</container>
+```
+
 ## Centering columns
 
 Tables by nature take up as much space is available to them. Because of this, centering columns can be done by adding empty columns to left and right of the column to be centered.