title: Difference between inline-flex vs inline?
body: <p>Regarding <a href="https://stackoverflow.com/questions/72474426/outline-style-is-not-getting-applied-when-heading-is-used-inside-anchor/72474706">Outline style is not getting applied when heading is used inside anchor</a></p>
  <p>Here in the above question, outline-style works for the heading inside the anchor only when the display is <code>inline-flex | inline-block | block</code></p>
  <p>I understand the difference between the following:</p>
  <p><strong>inline-block</strong>: Create a specific block for each element under its section to maintain the structure of each element.</p>
  <p><strong>inline-flex</strong>: Does not reserve any specific space in normal form.</p>
  <p>But what is the difference between <strong>inline</strong> and <strong>inline-flex</strong>?</p>