html - 在字段集的图例内显示内联 div

Question

我创建了一个具有以下结构的字段集

<fieldset>
  <legend>
    <span class="a">test</span><span class="b">test2</span><span class="c">test3</span>
     <div id="options">
        <div></div>
        <div></div>
     </div>
  </legend>
</fieldset>

我想在带有 span 的同一行上显示 ID 为“options”的 div。 我的图例 CSS 代码是:

>legend {
        line-height: 52px;
        width:100%;
        font-size: 16px;
        font-weight: bold;
    div#options {
       display:inline;
    }
 }

但是我的div作为span不就行了。你能帮帮我吗？

为了 CSS，我正在使用 lessPHP。

Answer 1

您还需要将选项的子 div 定义为内联。

div#options div {
    display:inline;
}

fiddle :https://jsfiddle.net/lmgonzalves/oLo1dm2s/