1

我在 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 轻松地做到这一点吗？

4

1 回答 1

2

解决方案是display将标签更改为inline-block Look at this fiddle。

于 2013-01-30T00:25:54.840 回答