在字段集圖例中的div行中顯示

Question

我用以下結構創建了一個fielset

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

我想在跨度的同一行上顯示id為“ options”的div。 我的圖例CSS代碼是：

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

但是我的div不是跨度的。 你能幫我嗎？

我正在為CSS使用lessPHP。

Answer 1

您還需要將選項的子div定義為內聯。

div#options div {
    display:inline;
}

內容： https ://jsfiddle.net/lmgonzalves/oLo1dm2s/

Answer 2

您可以使用此規則為id="#options"內部div定義顯示屬性。

#options > div {
    display:inline;
}