title: Trying to position my image a little bit lower, but it drags everything down with it
body: <p>I'm trying to position my picture a little bit lower so the center of the image aligns with the vertical center of the header tag.</p>
  
  <p>Here is the both the HTML and the CSS. Thanks for the help!</p>
  
  <p><img src="https://i.stack.imgur.com/Sur5x.png" alt="alt text"></p>
  
  <pre><code>#articlesummary
  {
      border: 2px solid red;    
      width: 750px;
  }
  
  #articlesummary h3
  {
      border: 2px solid red;
      display:inline;
      color: #4292C6;    
      font-family: Verdana;
  }
  
  #articlesummary img
  {   
      width:30px; 
      border: 1px solid red;
      margin-top: 5px;   
  }
  
  .submissionowner
  {
      color: Gray;
  }
  
  &lt;% foreach (var article in Model) { %&gt;
  &lt;div id="articlesummary"&gt;
      &lt;h3&gt;&lt;%: article.Title %&gt;&lt;/h3&gt;
      &lt;sub class="submissionowner"&gt;Submmited by: &lt;%: article.SiteUser.Login %&gt;&lt;/sub&gt;
      &lt;img src="../../Content/anonymous.png" alt="Anonymous user." /&gt;
      &lt;p&gt;&lt;%: article.Body %&gt;&lt;/p&gt;
      &lt;sub&gt;Views:&lt;%: article.TotalViews %&gt; | Rating: &lt;%: article.TotalRating %&gt;&lt;/sub&gt;
  &lt;/div&gt;    
  &lt;% } %&gt;
  </code></pre>
  
  <p>Thanks a bunch for any help!</p>