css垂直对齐跨距

我试着让每件事都垂直对齐，但似乎弄不明白

这是css

fieldset span{
    padding:50px 10px 0px 10px;
    float:left;
    clear:none;
}
fieldset span.buttons{
    float:right;
}

还有html标记

<fieldset class="remove">
    <span class="itemtype">story</span>
    <span class="itemtype">53547</span>
    <span class="title">New online education program aimed at curbing dangerous drinking</span>
    <span class="buttons">
        <a href="#" target="blank"><img src="img/edit.png" alt="edit story" />Edit</a>
        <a href="#7" target="blank"><img src="http://www.bibliomania.com/graphics/read.gif" alt="read story" />Read</a>
    </span>
    <input type="hidden" name="featured[items][53547]" value="story" />
</fieldset>

故事
53547
旨在遏制危险饮酒的新在线教育计划

a您可以看到图像是如何向下推的，'a'标记文本中的文本也需要更正

编辑

使用背景图像会很好，但这会使图像位于文本下方。请尝试以下操作：

fieldset span a img {
    vertical-align: middle;
}

垂直对齐

是一种CSS属性，经常被错误地用于对齐文本。但是，它的目的是对齐图像（是的，它也对齐文本，但仅在

表中对齐）

看

在顶部和底部使用填充物怎么样：

fieldset span{
    padding:25px 10px 25px 10px;
...
字段集跨度{
填充：25px 10px 25px 10px；
...
您希望它如何对齐？对我来说，这些元素在底部对齐。这仍然不能将所有内容放在一行中。请看链接和图像如何与REST不一致。我删除了图像标签，并将其与CSS一起放置。只需给每个链接一个id以区分。这看起来很棒，谢谢，还有一个实际上，填充只需要10px，如果我将您的小提琴改为使用中间线而不是基线，链接看起来更好，但按钮跨距仍然低于其他跨距。是的，因为页面宽度小于跨距宽度。您应该设置
字段集的固定宽度或最小宽度
啊，对，由于图像原因，它仍然低于3px。只需使用
>背景图像
取而代之-易于定位，所有图标都在一个文件中。@atlavis感谢您指向错误的链接，我已将其修复。按钮较低，因为页面的可用宽度很小。此外，背景图像也不是一个很差的解决方案。