如何在CSS中对齐两列文本

我在排列一些文本时遇到一些麻烦。我需要两列，一列包含数字，一列包含文本，如下所示：

1 条目一
2 条目二
3 条目三
4 条目五
5 条目六

左栏是 Georgia，右栏是 Arial（字体大小略有不同）。我可以为每一行设置一个容器 div，并将数字和文本段落绝对定位在这些段落的顶部或底部，这样效果很好。问题是，这意味着我必须给每一行一个固定的高度，以便它正确显示，如果文本需要流到不止一行上，这会导致问题（由于文本条目是动态的，因此很可能会这样做）。

我想在不使用表格的情况下执行此操作，并且不使用绝对定位，以便各个文本条目可以跨越多于一行（并且跨浏览器兼容）。

根据我的评论，我认为这项工作的最佳要素是有序列表 http://www.w3.org/TR/html401/struct/lists.html#edef-OL.

ol {
   font-family: georgia, serif;
   font-size: 16px;
   font-weight: bold;
}
ol li span {
   font-family: arial, sans-serif;
   font-weight: normal;
   font-size: 12px;
}

<ol>
  <li><span>Entry one<br>text on another line</span></li>
  <li><span>Entry two</span></li>
  <li><span>Entry three</span></li>
  <li><span>Entry five</span></li>
  <li><span>Entry six</span></li>
</ol>

允许改变的跨度font-family在列表“项目符号”和其中的内容之间，如果您有块内容，这些可能是 div。