如何在相同的內容框中使用2列垂直製表符？

-1

如何創建與第一列相同的新列，並在右側顯示一列？如何在相同的內容框中使用2列垂直製表符？

我希望新列具有與第一列相同的屬性，因爲我想向此選項卡添加更多內容，並且只在1列上它們很醜。

<div class="verticalslider" id="textExample"> 
      <ul class="verticalslider_tabs"> 
       <li><a href="#">Catedra de Limba si Literatura Romana</a></li> 
       <li><a href="#">Catedra de Matematica</a></li> 
       <li><a href="#">Catedra de Informatica</a></li> 
       <li><a href="#">Limba engleza</a></li> 
       <li><a href="#">Limba Germana</a></li> 
      </ul> 
      <ul class="verticalslider_contents"> 
       <li> 
       <h2>Catedra de Limba si Literatura Romana</h2></br> 
       <p id="profesor"> 
       Popa Alina </br> 
       Nadia Pascu</br> 
       </p> 
       </li> 

       <li> 
        <h2>Catedra de Matematica</h2></br> 
        <p id="profesor"> 
        Ciubotariu Boer-Vlad </br> 
        Diaconu Ilie</br> 
        Gorcea Violin </br> 
        </p> 
       </li> 

<li> 
       <h2>informatica</h2> 
        <p id="profesor"> 
        Wainblat Gabriela</br> 
        Nistor Ancuta</br> 
       </li> 

       <li> 
       <h2>Limba Engleza</h2> 
        <p id="profesor"> 
        Wainblat Gabriela</br> 
        Nistor Ancuta</br> 
       </li> 

       <li> 
       <h2>Germana</h2> 
        <p id="profesor"> 
        Wainblat Gabriela</br> 
        Nistor Ancuta</br> 
       </li> 

     </ul> 
</div>

來源

2013-03-19 Adi Micutzu