title: Custom Positioning of H3 and P
body: <p>My HTML is like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;h3&gt;Title&lt;/h3&gt;
      &lt;p&gt;Content&lt;/p&gt;
  
      &lt;h3&gt;Title&lt;/h3&gt;
      &lt;p&gt;Content&lt;/p&gt;
  
      &lt;h3&gt;Title&lt;/h3&gt;
      &lt;p&gt;Content&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Problem Nr. 1 I can't change the HTML.
  I want that p is Boxed(no problem) but than I want that they are in a row.
  <code>display: flex;</code> was my option.
  When I use flex <code>h3</code> and <code>p</code> are next to each other.
  But I want that <code>h3</code> is above <code>p</code>.</p>
  
  <p>Desired output example:</p>
  
  <pre><code>h3_________h3_________h3
  p__________p__________p
  </code></pre>
  
  <p>How can I align them?</p>
  
  <p>sorry for my english not my native language</p>