css - 内联显示上移字符

我对面包屑菜单有以下标记:

<div>
    <span class="start-here">You are here:<span>
    <a href="/">example.com</a>
    <span class="raquo"> › </span>
    <a href="/news">News</a>
    <span class="raquo"> › </span>
    Title
</div>

当所有元素以内联方式显示时，是否存在一种聪明的方法来将那些›(.raquo)字符向上移动几个像素而没有绝对定位？我希望此字符比其他字符小，并显示在行的中心(或向下/向上一些像素)。

(我需要它也可用于IE6及更高版本)

最佳答案

不确定IE6，但似乎以下内容可以使您接近所需的内容。

.raquo {
  font-size: 10px;
  vertical-align:middle;
}

只需根据需要设置font-size即可，垂直对齐应将其设置为line-height的中间位置。

关于css - 内联显示上移字符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4876749/