html – 如何使块与元素坐在一起？

我有一个 here的一个模型布局.基本上有部分,列和字段,这些都是以< ul>和< li>元素.这是专门为稍后解析而完成的.

HTML片段：

<li class="layout"><span class="type">[Column] </span>
    <ul class="layout-children">
        <li class="field"><span class="type">[Text] </span>A field</li>
        <li class="field"><span class="type">[Text] </span>Another field</li>
        <li class="field"><span class="type">[Text] </span>Yet another field</li>
    </ul>
</li>
<li class="layout"><span class="type">[Column] </span>
    <ul class="layout-children">
        <li class="field"><span class="type">[Text] </span>More fields</li>
        <li class="field"><span class="type">[Text] </span>And one more field</li>
    </ul>
</li>

如果你去linked content,你会注意到这些列垂直坐着.
我希望列彼此坐在一起,但我不知道该怎么做.

如果HTML没有改变,那么最好是CSS.

解决方法

我刚刚添加到你的css：

ul .section-children li.layout {
    display : inline-block;
}

不幸的是,我不知道如何支持内嵌块现在.