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; 
}

---

只要做

字体大小

你需要的任何东西，垂直对齐应该把它设置在

行高度的中间

我讨厌这么说。。。但是您可以使用

表

。我发现这是确保所有物体垂直居中的唯一可靠方法：

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

你在这里：
›  
›  
标题

您可以使用

垂直对齐：顶部；字体大小：x-small在CSS中。很难在中间得到完美……

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

最适合我
垂直对齐：3倍

任何数量或单位

对于自定义字体和其他不正确对齐的跨距和元素，它非常强大。我只是在我从设计师那里得到的一种字体上使用了它。
基于@sash的答案，如果你想在将来对它进行验证，以防字体大小发生变化，我会这样做

.raquo {
  position:relative;
  top:-0.1em;
}

这样，位置偏移将根据字体大小自动缩小或扩大。
我的建议是将顶部设置为
-0.1em
（例如），以便在更改字体大小时仍能工作。最好将字体大小设置为
0.5em
（例如），然后，它会根据默认字体大小的变化进行自我调整。