title: How to set space between two flexbox
body: <p>I am using material design flexbox layout and in a box, I have two boxes. I create on jsfiddle, to clarify what I mean:  </p>
  
  <p><a href="http://jsfiddle.net/kostonstyle/emnsyrrd/3/" rel="noreferrer">Angular Material app</a></p>
  
  <p>I want to set between these boxes a space</p>
  
  <pre><code>&lt;div flex layout="row" layout-align="space-between center"&gt;
              &lt;md-toolbar flex="15"&gt;
                   &lt;h2 class="md-toolbar-tools"&gt;
                      &lt;span&gt;Home&lt;/span&gt;
                    &lt;/h2&gt;
  
              &lt;/md-toolbar&gt;
                  &lt;!--How to set space between --&gt;
              &lt;md-toolbar&gt;
                   &lt;h2 class="md-toolbar-tools" layout-align="end center"&gt;
                      &lt;span&gt;Sign Up&lt;/span&gt;
                      &lt;span&gt;Sign In&lt;/span&gt;
                    &lt;/h2&gt;
  
              &lt;/md-toolbar&gt;
          &lt;/div&gt;
  </code></pre>