Центр jquery с вкладками панели на экране

Question

У меня есть вкладка, объявленная так:

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
    <sj:tabbedpanel id="mytabs2" selectedTab="0">
      <sj:tab id="tab1" href="one.jsp" label="Tagged"/>
      <sj:tab id="tab2" href="two.jsp" label="Search"/>
      <sj:tab id="tab3" href="three.jsp" label="Add"/>
    </sj:tabbedpanel>

Я использую плагин jquery struts2 - http://code.google.com/p/struts2-jquery/

Как изменить размер и отцентрировать вкладку на экране? Вкладка должна иметь ширину 70% и появляться в центре.

Я попытался обернуть панель вкладок в элемент dev и затем использовать:

  <style>
  div { width:80%; text-align:center;  }
  </style>

Но это не очень хорошо работает. Ширина изменяется, но портит мое форматирование в элементах табуляции. Есть ли другой способ?

Спасибо

Answer 1

div { width:80%; margin: 0 auto 0 auto}

Answer 2

Центрирование div может быть сделано путем установки его ширины на желаемое значение и установки поля на auto. Выравнивание текста влияет только на встроенные элементы внутри div. (Вот почему ваш дизайн испортился.)

div.yours { width: 70%; margin-left: auto; margin-right: auto }