css - 上移内联显示的字符

Question

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

<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 及更高版本)

Answer 1

.raquo {
    position:relative;
    top:-2px;
}

最适合我