Align links in footer

Hello

I have a footer where I have two links. How can I make it so that the link "xy" is on the left side of the footer and the link "ab" is no the right side?

This is my footer.php file:

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content after
 */
?>

<footer id="colophon" role="contentinfo">
  <div id="site-generator">
    <?php do_action( 'twentyeleven_credits' ); ?>

    Home page of the company: <a href="xy" title="xy" rel="generator">xy</a>
    The team responsible for app developement: <a href="ab" title="ab" rel="generator">ab</a>
  </div>
</footer>

<?php wp_footer(); ?>