title: css - align two divs left and right on same line
body: <p>please see <a href="http://jsfiddle.net/UGmA2/7/" rel="noreferrer">http://jsfiddle.net/UGmA2/7/</a>
  TIA</p>
  
  <p>1 div container 2 divs.  Would like to put the second div on the first line but have it all the way to the right.</p>
  
  <p><img src="https://i.stack.imgur.com/iAMs3.png" alt="enter image description here">
  Any help would be appreciated,</p>
  
  <pre><code>&lt;body background-color: #000000;&gt;
      &lt;div id="footer-container" style="width=980px;"&gt;
          &lt;div id="div-left"&gt;
              &lt;ul id="footer"&gt;
                  &lt;li id="text_separator"&gt;&lt;a href="http://www.stackoverflow.org"&gt;Text&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://www.stackoverflow.org/about"&gt;&lt;img src="http://jsfiddle.net/img/logo.png" width="35" height="30" border="1"/&gt;&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://www.stackoverflow.org/about"&gt;&lt;img src="http://jsfiddle.net/img/logo.png" width="35" height="30" border="1"/&gt;&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://www.stackoverflow.org/about"&gt;&lt;img src="http://jsfiddle.net/img/logo.png" width="35" height="30" border="1"/&gt;&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="http://www.stackoverflow.org/about"&gt;&lt;img src="http://jsfiddle.net/img/logo.png" width="35" height="30" border="1"/&gt;&lt;/a&gt;
  
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div id="div-left"&gt;
              &lt;ul id="footer"&gt;
                  &lt;li id="text_separator"&gt;&lt;a href="http://www.stackoverflow.org"&gt;Text1&lt;/a&gt;
                      &lt;li id="text_separator"&gt;&lt;a href="http://www.stackoverflow.org"&gt;Text2&lt;/a&gt;
  
                          &lt;li id="text_separator"&gt;&lt;a href="http://www.stackoverflow.org"&gt;Text3&lt;/a&gt;
  
                              &lt;li id="text_separator"&gt;&lt;a href="http://www.stackoverflow.org"&gt;Text4&lt;/a&gt; 
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>