title: CSS Flexbox formatting with <p>
body: <p>I have the <a href="https://jsfiddle.net/jeremydr2/x3aqpc5z/8/" rel="nofollow noreferrer">following jsfiddle</a>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.links {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-style: normal;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;body&gt;
    &lt;address class="links"&gt;
      &lt;p&gt;
      Jeremy is on:
      &lt;/p&gt;
      &lt;a href="https://www.linkedin.com/"&gt;
        LinkedIn
      &lt;/a&gt;
      &lt;a href="https://stackoverflow.com/users/5889131/jeremysprofile"&gt;
        Stack Overflow
      &lt;/a&gt;
    &lt;/address&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The output looks like:</p>
  
  <pre><code>              LinkedIn Stack Overflow
  Jeremy is on:
  </code></pre>
  
  <p>I don't understand why. I expect all the elements to be on the same line (or have the later elements wrap underneath, not the first element). </p>
  
  <p>I noted that this happens with a <code>&lt;p&gt;</code> or a <code>&lt;h1&gt;</code> tag, but not a <code>&lt;div&gt;</code> tag on the "Jeremy is on" line. I looked at the default CSS settings for <a href="https://www.w3schools.com/tags/tag_p.asp" rel="nofollow noreferrer"><code>&lt;p&gt;</code></a> and <a href="https://www.w3schools.com/Tags/tag_div.asp" rel="nofollow noreferrer"><code>&lt;div&gt;</code></a>, but I didn't see anything obvious. I tried making some CSS changes with <code>.p { margin: none; display: inline-flex;}</code> but it didn't make a difference.</p>
  
  <p><strong>Why</strong> does a <code>&lt;p&gt;</code> tag get put underneath the links, and a <code>&lt;div&gt;</code> tag not? What CSS rules can I apply to make a <code>&lt;p&gt;</code> tag behave like a <code>&lt;div&gt;</code> tag in this section?</p>