Html 显示字段集图例内的行内div

我创建了一个具有以下结构的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>

但是，我的div不在span线上。你能帮我吗

---

我使用lesshp是为了CSS。

您还需要将选项的子div定义为inline

div#options div {
    display:inline;
}

---

FIDDLE:

您可以使用此规则定义具有

id=“#options”

---

谢谢，我认为如果父级有display:inline子级将继承它。

div#options div {
    display:inline;
}

#options > div {
    display:inline;
}