Justified docs

server/documents/collections/grid.html.eco

@@ -732,6 +732,11 @@ type        : 'UI Collection'
           </div>
         </div>
       </div>
+      <div class="justified row">
+        <div class="sixteen wide column">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit sagittis elit, nec pharetra justo lobortis vitae. Quisque sed libero ut lacus mattis lacinia. Pellentesque pharetra vel quam sed tristique. Aenean sit amet purus sed sapien suscipit rhoncus. Nunc vel pharetra elit. Integer eleifend in turpis vel suscipit. Mauris porttitor nunc ante, eu vestibulum augue facilisis lacinia. Curabitur blandit urna lorem, et ornare mi laoreet iaculis. Nunc volutpat ultrices libero quis molestie. Nunc ac porta odio. Quisque interdum sodales augue, quis facilisis sem elementum quis.</p>
+        </div>
+      </div>
       <div class="middle aligned row">
         <div class="column">
           <div class="ui vertical fluid menu">

server/documents/elements/header.html.eco

@@ -150,6 +150,9 @@ type        : 'UI Element'
       <h3 class="ui left aligned header">
         Left
       </h3>
+      <h3 class="ui justified header">
+        This should take up the full width even if only one line
+      </h3>
       <h3 class="ui center aligned header">
         Center
       </h3>

server/documents/elements/segment.html.eco

@@ -215,6 +215,9 @@ type        : 'UI Element'
     <div class="ui center aligned segment">
       Center
     </div>
+    <div class="ui justified segment">
+      This segment is justified to take up the whole width. Justified content must be at least the content width to be justified correctly.
+    </div>
   </div>
 
   <div class="example">