缩短标签和容器之间的距离

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 ul{margin: -1.2em 0em 0em 0em;}

Answer 2

如果#tabs没有父母，那么它可能是#tabs容器的填充。试试这个：

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

有关边距和填充的更多详细信息，请查看this question。