title: CSS responsive web: display 2 ul li elements in one line (into each other)
body: <p>If there is no space to display these two lists next to eachother, can i push their elements in "one" list?</p>
  
  <p>For example: </p>
  
  <pre><code>   &lt;ul&gt;
       &lt;li&gt;A1&lt;/li&gt;
       &lt;li&gt;A2&lt;/li&gt;
       &lt;li&gt;A3&lt;/li&gt;
    &lt;/ul&gt;
     &lt;ul&gt;
       &lt;li&gt;B1&lt;/li&gt;
       &lt;li&gt;B2&lt;/li&gt;
       &lt;li&gt;B3&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>should be like that:</p>
  
  <pre><code>A1
  B1
  A2
  B2
  A3
  B3
  </code></pre>