title: CSS - Display Text beside image (Responsive)
body: <p>I am trying to get a container with two divs next to eachother with an image in one div and the text in another.  </p>
  
  <p><a href="https://i.stack.imgur.com/jrg0M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jrg0M.png" alt="enter image description here"></a></p>
  
  <p>This is my current CSS and HTML code... however when I resize my window to view it on a web application the text moves ontop of the image, how can i make it responsive so when the user views it on their mobile the image is at the top and the text is just below:</p>
  
  <p><a href="https://i.stack.imgur.com/K0RcH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K0RcH.png" alt="enter image description here"></a></p>
  
  <p><strong>Display CSS:</strong></p>
  
  <pre><code> .container{
          width: 100%;
      }
      .centerDiv
      {
          width: 60%;
          margin: 0 auto;
      }
      .div1
      {
          width: 45%;
          float:left;
      }
      .div2
      {
          width: 55%;
          background-color: white;
          float:left;
      }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
          &lt;div class="centerDiv"&gt;
              &lt;div class="div1"&gt;                
                      &lt;img src="..." alt="..."/&gt;
                  &lt;/div&gt;
                  &lt;div class="div2"&gt;
                      &lt;br/&gt;                      
                      &lt;h6&gt;&lt;b&gt;LOOK AFTER ME&lt;/b&gt;&lt;/h6&gt;
                      &lt;h6&gt;100% Cotton &lt;br/&gt;
                        &lt;br/&gt;&lt;/h6&gt;
                      &lt;h6&gt;&lt;b&gt;STYLE GUIDE&lt;/b&gt;&lt;/h6&gt;
                      &lt;h6&gt;This Tee looks just right paired&lt;br/&gt; with joggers, jeans or shorts. &lt;br/&gt;
                      &lt;/h6&gt; &lt;br/&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Please help :(</p>
  
  <p><a href="https://i.stack.imgur.com/H7Vhb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H7Vhb.png" alt="enter image description here"></a></p>
  
  <p>Trying to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/b304s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b304s.png" alt="enter image description here"></a></p>