html - Floating table left and right same container -

i tried make footer website im doing shool. want have impressum on right , little images social media on left. made work right side dont know why images arent on right side. googled things said didnt worked me.

jsfiddle demo :

<ul>     <li><a>irgendwas</a>     </li>     <li><a>impressum</a>     </li>     <li><a><address>erstellt von</address></a>     </li> </ul> <ul id="socialmediaicons">     <li><a><img src="bilder/icons/facebook.svg" width="30" height="30"></img></a>     </li>     <li><a><img src="bilder/icons/google+-with-circle.svg" width="30" height="30"></img></a>     </li> </ul> 

my suggestion place them outside footer need have them in there.

if want pictures on left mentioned first, add class list items socialmedia icons , give display: inline-block should need. if want them on right there.

     .leftfoot {    display: inline-block;    }

<footer id="footer-wrapper">      <ul>          <li><a>irgendwas</a>          </li>          <li><a>impressum</a>          </li>          <li><a><address>erstellt von</address></a>          </li>      </ul>      <ul id="socialmediaicons">          <li class="leftfoot"><a><img src="bilder/icons/facebook.svg" width="30" height="30"></img></a>          </li>          <li class="leftfoot"><a><img src="bilder/icons/google+-with-circle.svg" width="30" height="30"></img></a>          </li>      </ul>  </footer>