減少標籤和容器之間的距離

Question

我正在使用jQuery UI選項卡。我怎樣才能減少高亮區域的寬度（黃色）。

<script><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> </script> 
<div id="tabs"> 
<ul> 
<li><a href="#tab1">Tab 1</a><Search</li> 
<li><a href="#tab2">Tab 2</a>List</li> 
<li><a href="#tab3">Tab 3</a>List</li> 
</ul> 

Answer 1

如果#tabs也沒有任何父母，這大概是#tabs容器的填充。試試這個：

#tabs { 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-left: 0px; 
} 

有關邊距和填充的更多詳細信息，請檢查this question。

Answer 2

不知道這是正確的方式 -

#tabs ul{margin: -1.2em 0em 0em 0em;}