From ea353d4fc11b228799fe4d1f5e403843c43edc82 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Sun, 2 Apr 2017 16:48:46 +0100
Subject: [PATCH] Fix #484

---
 docs/css/bulma-docs.css                  | 1 -
 docs/documentation/elements/content.html | 8 ++++++++
 sass/elements/icon.sass                  | 1 -
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 853494bd..c2442683 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -2574,7 +2574,6 @@ input[type="submit"].button {
       -ms-flex-pack: center;
           justify-content: center;
   height: 1.5rem;
-  vertical-align: top;
   width: 1.5rem;
 }
 
diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html
index 847fa9c5..e226df65 100644
--- a/docs/documentation/elements/content.html
+++ b/docs/documentation/elements/content.html
@@ -16,6 +16,14 @@ doc-subtab: content
     <hr>
 
     <div class="content">
+    <p>
+    <strong class="is-block">Point of Contact</strong>
+    <span class="icon is-small"><i class="fa fa-envelope"></i></span> John Doe
+    <br>
+    <span class="icon is-small"><i class="fa fa-phone"></i></span> (555) 555-5555
+    <br>
+    <span class="icon is-small"><i class="fa fa-fax"></i></span> (555) 555-5556
+</p>
       <p>When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use <code>content</code> as container. It can handle almost any HTML tag:</p>
       <ul>
         <li><code>&lt;p&gt;</code> paragraphs</li>
diff --git a/sass/elements/icon.sass b/sass/elements/icon.sass
index 1b3ca4dc..e1c3735a 100644
--- a/sass/elements/icon.sass
+++ b/sass/elements/icon.sass
@@ -3,7 +3,6 @@
   display: inline-flex
   justify-content: center
   height: 1.5rem
-  vertical-align: top
   width: 1.5rem
   .fa
     font-size: 21px