我怎麼能得到這樣的標籤佈局

Question

所以我想弄清楚如何最好地實現這樣的標籤佈局http://reversl.net/tests/，但我不確定正確的方式來處理它。最初我想創建一個UL並浮動列表項目，然後再添加背景色和填充以創建大背景。但我不知道如何實現文本佈局（大數字在小文本之上）

我還想活動選項卡有一個指針（如圖所示），這導致我認爲，也許代替UL我應該漂浮3次潛水，並讓每一次都成爲聯繫。不過，我認爲這種方法不會很有意義。而現在我很困惑： - /任何提示？

Answer 1

它使用一個：後「主動」指標，這將需要一個毒刃或完全改變，如果你想讓它在糟糕的瀏覽器工作僞元素，但它是非常接近的圖像：

http://jsfiddle.net/BzSVL/

對於上面的較大文字，我認爲你會得到最多的語義是em還是strong，因爲它是鏈接文本的一個強調部分？

Answer 2

提供的鏈接只是一個圖像。

試試這個tabs with css

Answer 3

你可以試試下面的HTML：

<ul id="tabs"> 
    <li>01</li> 
    <li>02</li> 
    <li>03</li> 
</ul> 

和CSS：

#tabs li:after { 
    content: " tab"; 
    font-size: ...; 
} 

根據需要添加其他元素。