title: Aligning text with an Image? CSS
body: <p>I'm trying to put my text to the left of my photo in a nice squarish container. It seems like it should be easy enough, but I must be missing something. After doing some research I've found to use the: "vertical-align" "display-inline" or "float" commands, but I haven't had success with any of them. Is it a problem with my code? Or is there another styling command I should be looking into?</p>
  
  <p>Thank you for the help!</p>
  
  <p>Heres the jsfiddle: <a href="https://jsfiddle.net/d7c99nkw/" rel="nofollow">https://jsfiddle.net/d7c99nkw/</a></p>
  
  <p>Heres the code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* Cover */
  #tom {
   position: relative;
   bottom: 40px;
   left: 45%;
   min-width: 55%;
   max-width: 55%;
   padding: 12px;
   -webkit-box-reflect: below -70px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(78%, transparent), to(white));
  }
  
  .cover {
   vertical-align: left;
   padding: 36px;
   float: left;
   
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="cover"&gt;
     &lt;img src="https://lh3.googleusercontent.com/-rVoVQQOFHSk/VUZaG4-rTKI/AAAAAAAAADI/1CvHapoyTOE/w569-h569/derp_boosic.png" id="tom" alt="tomphoto"&gt;
      &lt;p id="intro"&gt;My name is Thomas. I'm an upbeat, self-motivated people person with an affinity for technology, business, people, and all things creative. In my proffessional career in Sales and IT, I've consistently gone above and beyond sales, and customer service, expecations and have been exceptionally successful. I account my success to my natural ability to build relationships with, and relate to people easily. I also practice a vigorous planning, and goal setting lifestyle which allows me to acheive what I set out to do. I know with my personailty, skills, and drive to be successful. Nothing will stop my from reaching my goals. &lt;/p&gt;
     &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>