spry 탭 패널에서 탭을 중앙에 배치하는 방법은 무엇입니까?

Question

spry 탭 패널의 탭을 중앙에 배치 할 수 있습니까?

 +------+------+ 
    |Tab 1|Tab 2 | 
    +------+------+ 
+-----------------------+ 
|   panel   | 
|      | 
+-----------------------+ 

현재 기본값으로 왼쪽에 있습니다.

Answer 1

이 예에 따르면

.TabbedPanelsTabGroup{ 
    text-align: center; 
} 
.TabbedPanelsTab{ 
    display: inline-block; 
    float: none; 
} 

: http://adobe.github.io/Spry/samples/tabbedpanels/tabbed_panel_sample.htm

<ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li> 
    <li class="TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0">Tab 3</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 4</li> 
</ul> 

그냥 탭 메뉴를 중심으로 이러한 규칙을 추가, CSS 작업 (내가 불을 지르고와 함께 즉석에서 시도)