title: padding-top disappears when using flex
body: <p>If I use <code>flex</code> to position my links, the padding doesn't seem to work for <code>padding-top</code>.</p>
  
  <p>Here is an example:</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;p&gt;title&lt;/p&gt;
    &lt;div&gt;
      &lt;a href="#"&gt;Link 1&lt;/a&gt;
      &lt;a href="#"&gt;Link 2&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>body {
    margin: 0;
  }
  
  .container {
    display: flex;
    justify-content: space-between;
  }
  
  .container a {
    padding: 15px;
    background: #e23311;
  }
  </code></pre>
  
  <p>And here is a <a href="https://jsfiddle.net/yqawkgLk/" rel="nofollow">jsfiddle</a>.</p>
  
  <p>How can I fix this so that the padding applies to the top of the links as well?</p>