html - CSSレスポンシブウェブ：2つのul li要素を1行に（互いに）表示します

Question

これらの2つのリストを並べて表示するスペースがない場合、それらの要素を「1つの」リストにプッシュできますか？

例えば：

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