css - 我怎么能得到这样的标签布局

Question

所以我想弄清楚如何最好地实现像这样的选项卡布局 http://reversl.net/tests/但我不确定处理它的正确方法。最初我想创建一个 UL 并在添加背景颜色和填充以创建大背景之前 float 列表项。但我不确定如何实现文本布局(大数字在小文本之上)

我还希望事件选项卡有一个指针(如图所示)，这让我想到也许我应该 float 3 次潜水并使每一次成为一个链接而不是 UL。但是我认为这种方法不是很语义化。现在我很困惑:-/有什么建议吗？

Answer 1

这对“事件”指示器使用了一个 :after 伪元素，如果你想让它在糟糕的浏览器中工作，它需要一个 shiv 或完全改变，但它非常接近图像:

http://jsfiddle.net/BzSVL/

对于上面较大的文本，我认为您将得到的最语义化的是 em 或 strong，因为它是链接文本的强调部分？