title: CSS / Bootstrap: Want to locate 2 div side by side in a div
body: <p>My question above below is my current code:</p>
  
  <pre><code>        &lt;!-- Masthead--&gt;
      &lt;header class="masthead"&gt;
          &lt;div class="container"&gt;
              &lt;div class="masthead-subheading" style="color: black;"&gt;Welcome&lt;/div&gt;
              &lt;div class="masthead-heading" style="color: black;"&gt;Dr. Lim Wee Chai&lt;/div&gt;
              &lt;div class="ml12" style="color: black;"&gt;My Life, My Journey&lt;/div&gt;
              &lt;div style="float:left;"&gt;&lt;img src = "about.png" width="50%" height="32%"/&gt;&lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/header&gt;
  </code></pre>
  
  <p>and below is the result</p>
  
  <p><a href="https://i.stack.imgur.com/U3uuC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U3uuC.jpg" alt="enter image description here"></a></p>
  
  <p>Can anyone help to on how to make sure that the image is at the left side (beside word Dr. Lim Wee Chai)?</p>