减少标签和容器之间的距离

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;}