title: Vertically Aligning Text & Image
body: <p>Im developing the "features" section of a website and Im having trouble aligning text to an image.</p>
  
  <p>I've tried setting the alignment to middle for the image in the css file like this:</p>
  
  <pre><code>vertical-align: middle;
  </code></pre>
  
  <p>And used <code>&lt;span&gt;</code> to place the text, but thats not working either. </p>
  
  <p>What Im trying to acheive is very simple, but none of the solutions I've come across on here or through youtube have worked so I figured that I should just post the code, along with the image of how its supposed to look.</p>
  
  <p><strong>Heres a link to the folder containing the code:</strong> <a href="https://github.com/developedbyv/testing" rel="nofollow noreferrer">https://github.com/developedbyv/testing</a></p>
  
  <p>Inside the folder, theres an image of how the website should look right below the index.html file</p>
  
  <p>I would love any assistance on this. Thanks in advance!</p>