在HTML中嵌套不同类型的列表

Question

我试图在HTML中把一个列表嵌套在一个列表中，第一个列表是内联的，第二个列表则在下面。

我试过将这些列表用不同的id放置，但两个列表都遵循与第一个列表相同的CSS，见下文。

      <div id= "deliveryListPage">
        <ul>
          <li>
            <h8>Hello</h8>
            <br><br>
            <div id="firstList">
              <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
                <li>11</li>
                <li>12</li>
              </ul>
            </div>
          </li>
          <li>
            <h9><center>Can't see your postcode?</h9>
          </li>
      </ul>
    </div>

div id "firstList "的CSS样式被忽略，只有deliveryListPage被采取。

Answer 1

尝试嵌入 内联 到 firstList div。