javascript - 每个标签的标题内的 Accordion jQuery文本对齐

我有以下代码用“ 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标头。
我会很高兴帮助您调整要素

最佳答案

尝试使用以下方法：

<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>

关于javascript - 每个标签的标题内的 Accordion jQuery文本对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18214123/