试图将我的图像放置得稍低一点，但它会将所有图像拖下来

Question

我正在尝试将图片放置得稍低，以使图像的中心与标题标记的垂直中心对齐。

这是HTML和CSS。谢谢你的帮助！

#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;
}

<% foreach (var article in Model) { %>
<div id="articlesummary">
    <h3><%: article.Title %></h3>
    <sub class="submissionowner">Submmited by: <%: article.SiteUser.Login %></sub>
    <img src="../../Content/anonymous.png" alt="Anonymous user." />
    <p><%: article.Body %></p>
    <sub>Views:<%: article.TotalViews %> | Rating: <%: article.TotalRating %></sub>
</div>    
<% } %>

非常感谢帮助！

Answer 1

尝试纵向对齐：中间你的img ...像这样：http://www.w3schools.com/css/pr_pos_vertical-align.asp

抱歉，发布错误的链接/属性

你的img课程将如下所示：

#articlesummary img
{   
    width:30px; 
    border: 1px solid red;
    margin-top: 5px;   
    vertical-align: middle;
}

Answer 2

你可以尝试使用<br />标签，它会降低它，但可能会太低。