在 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

尝试将 内联 CSS 嵌入到 firstList div。