html - CSS 响应式网页：在一行中显示 2 个 ul li 元素（相互连接）

Question

如果没有空间将这两个列表并排显示，我可以将它们的元素推送到“一个”列表中吗？

例如：

   <ul>
     <li>A1</li>
     <li>A2</li>
     <li>A3</li>
  </ul>
   <ul>
     <li>B1</li>
     <li>B2</li>
     <li>B3</li>
  </ul>

应该是这样的：

A1
B1
A2
B2
A3
B3

Answer 1

这就是我想出的：

    ul,li {
        display: block;
        margin: 0;
        padding: 0;

    }
    ul {
        position:absolute;
    }
    li {
        margin-bottom:1.2em;
    }
    ul+ul{
        margin-top:1.2em;
    }