탭과 컨테이너 사이의 거리를 줄입니다.

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 { 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-left: 0px; 
} 

여백 및 패딩에 대한 자세한 내용은 this question을 확인하십시오.

Answer 2

이 올바른 방법입니다 확실하지 - #tabs 어떤 부모가없는 경우

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