html - CSS 响应式网页 : display 2 ul li elements in one line (into each other)

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;
    }