把標籤內容放在中間

Question

嗨，大家出於某種原因我不能移動我的標籤和中間的所有內容。

我曾嘗試之類的東西margin: 0 auto;，設置width等，但沒有奏效

Fiddle

.tab-group{ 
    margin: 0 auto; 

} 

Answer 1

如果你想中心的所有標籤內容：

.tab-content { 
    text-align: center; 
} 

編輯：

我誤解了你最初的問題。您也想做到這一點：

.tab-group li { 
    display: inline-block; 
} 

最後，你可能會添加inline-block後注意到你的標籤之間小的差距。對此的一個快速解決方法是刪除<ul>中除最後一個之外的所有關閉</li>。這可確保在使用inline-block時，空白區域不會與您的間距混淆。

<ul class="tab-group"> 
    <li class="tab active"><a href="#signup">3D</a> 
    <li class="tab"><a href="#login">REF</a></li> 
</ul> 

如果刪除結束標記困擾你（它困擾某些人），你永遠可以手動刪除所有的空白。

<ul class="tab-group"><li class="tab active"><a href="#signup">3D</a></li><li class="tab"><a href="#login">REF</a></li></ul> 

我是第一個方法:)