如何使用 CSS 将两个箭头图像（赞成/反对）堆叠在一起？

向上箭头.gif 和向下箭头.gif

So, it would look like so:

如何创建 3 个 div 并使用 CSS 设计它们的样式，以便这些箭头位于顶部箭头位于底部箭头上方的位置？

<div class="vote">  
<div class="uparrow" />  
<div class="downarrow" />  
</div>

我应该创建一个宽度受限的“投票”div 吗？我会浮动：顶部和浮动：底部两个箭头div，并将背景设置为我的两个图像吗？我计划将内容直接放在投票箭头的右侧，因此需要对其进行限制和严格。

不要对图像使用 div - 已经有一个完美的 img 标签了！

<div class="vote">
    <img alt="^" title="vote up"   src="/images/up.arrow.png" />
    <img alt="v" title="vote down" src="/images/down.arrow.png" />
</div>

然后简单地说：

.vote
{
    width: 15px;
    float: left; clear: left;
}

.vote img
{
    display: block;
    float: none; clear: both;
}

您可能需要在 .vote 中添加一些边距，以将其与其旁边的内容分开。