长于1时对齐线条

Question

我在subnav上有一个项目列表，如下所示......

每个代码的html如下

<label for="DOG - BARK CONTROL TRAINING &amp; BEHAVIOURAL_searchSubCategories" class="facet_block-label"><span>DOG - BARK CONTROL TRAINING &amp; BEHAVIOURAL (2)</span>                         </label>

css如下

label {
    color: #FFFFFF;
    font: 12px Arial,Helvetica,sans-serif;
    text-transform: lowercase;
}

label span {
    float: none;
    position: inherit;
    width: auto;
}

问题是当线条较长时，而不是正确对齐它不会这样做。例如，我希望行为（2）这个词与狗很好地对齐..任何想法如何用css轻松完成？

Answer 1

解决方案是将标签的display更改为inline-block 看看这个fiddle。