title: Left align div, then center align bottom text
body: <p><a href="https://i.stack.imgur.com/hsa2o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hsa2o.png" alt="enter image description here"></a></p>
  
  <p>Hello! So I'm using bootstrap 4.</p>
  
  <p>I have 2 cols.</p>
  
  <p>In the left one, I'd like to have a text <strong>left-aligned</strong> <code>Left aligned text</code>, and under it a centered <code>Centered text</code></p>
  
  <p>Same with the right aligned text.</p>
  
  <p>How can I achieve a left-aligned and a right aligned text with center aligned text under them?</p>