<ul>中的第一个<li>元素位于同一行

Question

<ul>
  <li>1</li>
  <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
  </ul>
</ul>

我将如何显示此列表:

Answer 1

显示ul为inline-block内部的li,且垂直对齐到顶部:

.nested {
  display: inline-block;
  vertical-align: top;
}

<ul>
  <li>1
    <ul class="nested">
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ul>
  </li>
</ul>