аккордеона Jquery выравнивание текста в заголовке каждой вкладки

Question

У меня есть следующий код для отображения на гармошке мне с «JQuery»

<div id="accordion"> 
    <h3>PARA EMPEZAR</h3> 
    <div> 
     hola 
    </div> 

    <h3>SEGUNDO PASO </h3> 
    <div> 
     Escribe tu texto 
    </div> 
</div> 

проблема заключается в том, что название каждой вкладки между «h3» и я хочу, чтобы отложить в сторону некоторые даты выравнивание по правому краю, но не так, как

Я хочу, чтобы название каждой вкладки Я остаюсь таким образом: http://s2.subirimagenes.com/otros/previo/thump_8577863tabs.jpg

, но не так, как выровнять элементы aparescan заголовки, как мне изображение. Я был бы признателен за помощь выравнивания элементов

Answer 1

Попробуйте использовать следующий подход:

<div id="accordion"> 
    <h3>PARA EMPEZAR <span class="date">31-12-2012</span></h3> 
    <div> 
     hola 
    </div> 

    <h3>SEGUNDO PASO <span class="date">31-12-2012</span></h3> 
    <div> 
     Escribe tu texto 
    </div> 
</div> 

и применить стили:

<style> 
    #accodion{ 
     width: 500px; /*for example */ 
    } 

    #accodion h3{ 
     display:block; 
     text-align:left; /*just to make sure it is*/ 
     width:100%; 
     height:50px; 
     line-height:50px; 
    } 

    #accordion span.date{ 
     float:right; 
     line-height:50px; 
     text-align:right; 
    } 
</style>