title: What is the difference between phrasing content and flow content?
body: <p>I am new to HTML and CSS and I would like to know the difference between flow content and phrasing content. Other than the W3 official documentation the <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories">MDN</a> documentation is helpful and states: </p>
  
  <p><strong>Flow content is defined as following:</strong></p>
  
  <blockquote>
    <p>Elements belonging to the flow content category typically contain text
    or embedded content.</p>
  </blockquote>
  
  <p><strong>Phrasing content is defined as following:</strong> </p>
  
  <blockquote>
    <p>Phrasing content defines the text and the mark-up it contains. Runs of
    phrasing content make up paragraphs.</p>
  </blockquote>
  
  <p>However, the documentation gives very little difference between the two, can somebody clarify what the major differences are between phrasing content and flow content?</p>