title: How to place heading and paragraph tags inline
body: <p>I want to place a heading and paragraph tags side by side (inline) like this</p>
  <p><a href="https://i.stack.imgur.com/CuTdL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CuTdL.png" alt="enter image description here" /></a></p>
  <p>Using bootstrap 4, here's how I have attempted to do it</p>
  <pre><code>&lt;div class=&quot;col-md-1 text-left&quot;&gt;
      &lt;span class=&quot;d-inline&quot;&gt;
          &lt;h2&gt;
              {{ event.formattedDate.slice(9, -15) }}
          &lt;/h2&gt;
      &lt;/span&gt;
      &lt;span class=&quot;d-inline&quot;&gt;
          &lt;p&gt;{{ event.formattedDate.slice(5, -17) }}&lt;/p&gt;
          &lt;p&gt;{{ event.formattedDate.slice(0, 3) }}&lt;/p&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This gives me this instead</p>
  <p><a href="https://i.stack.imgur.com/GDgs5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GDgs5.png" alt="enter image description here" /></a></p>
  <p>How can I make this work?</p>