title: I am trying to align text and image horizontally for my website
body: <p>As the title suggests, I am trying to align the following image and text side by side and I can't seem to figure out how to do this.</p>
  
  <p><a href="https://i.stack.imgur.com/jgqFe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jgqFe.png" alt="enter image description here"></a></p>
  
  <p>Here is the relevant HTML:</p>
  
  <pre><code>&lt;div class="projects"&gt;
                  &lt;div class="img_description"&gt;           
                  &lt;a href="https://github.com/mdanb/alexaProject"&gt; Proj 1&lt;/a&gt;
                  &lt;p&gt;Answer misery adieus add wooded how nay men before though. Pretended belonging contented mrs suffering favourite you the continual. 
                      Mrs civil nay least means tried drift. Natural end law whether but and towards certain. Furnished 
                      unfeeling his sometimes see day promotion. Quitting informed concerns can men now. Projection to or up 
                      conviction uncommonly delightful continuing. In appetite ecstatic opinions hastened by handsome admitted. &lt;/p&gt;&lt;/div&gt;
                  &lt;div class="project_image"&gt;&lt;img src="dog.jpeg" width='250' height='250'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the relevant CSS:</p>
  
  <pre><code>.projects {
    width: 70%;
    margin: 0px auto;
  }
  </code></pre>