如果我理解正确的话，就把这个添加到你的css中：

img {
    vertical-align: text-top;
}

Fiddle

听起来像是要将vertical-align属性应用于图像。

<h4>
    <a href=""><img src="http://i.imgur.com/hiXucbv.png" style="vertical-align:middle"></a>
    hit
    <a href=""><img src="http://i.imgur.com/hiXucbv.png" style="vertical-align:middle">user</a>
    and did something.
</h4>

Here's the Fiddle.

如果我明白你的意思，我想你只是想应用vertical-align: middle样式。
Demo
网址：

<h4>
    <a href=""><img src="http://i.imgur.com/hiXucbv.png"></a>
    hit
    <a href=""><img src="http://i.imgur.com/hiXucbv.png">user</a>
    and did something.
</h4>

CSS：

h4 img {
    vertical-align: middle;
}

有不止一种方法可以做到这一点。表或div是两种方法。它需要多一点的html代码。
如何在表格中垂直执行此操作是最快的。将每个项目放在单独的表格单元格中：

<table border=0 cellpadding=0 cellspacing=0>
  <tr>

      <td align=center valign=middle><img here></td>

      <td align=center valign=middle><h1><a href=''>Text Here</a></h1></td>

      <td align=center valign=middle><a href=''>Text Here</a></td>

      <td align=center valign=middle><a href=''><img here></a></td>

      <td align=center valign=middle><img here></td>

  </tr>
</table>

我不太明白你说的完全一致是什么意思。我从你的描述中所理解的
但是改变像行高这样的东西似乎只会弄乱页面上的格式。
您希望图像垂直居中对齐，并且在第二个图像和"用户"之间需要一些空间。
我建议使用填充而不是使用 因为使用它不是一个好的实践。

a{ text-decoration: none; }
img{ vertical-align: middle; }
img.padded{ padding: 0px 5px 0px 0px; }

<h4>
    <a href=""><img src="http://i.imgur.com/hiXucbv.png"></a>hit
    <a href=""><img class="padded" src="http://i.imgur.com/hiXucbv.png">user</a>and did something.
</h4>

实时演示：http://jsfiddle.net/anujtyagi/9gL64Lt9/
希望这能回答你的问题。