title: How can I move an image to the right side of the footer?
body: <p>I thought floating right would shove an element to the far right side, but it doesn't. Here's my HTML:</p>
  
  <pre><code>&lt;footer&gt;
      &lt;p class="float-left"&gt;&amp;copy;&lt;%: DateTime.Now.Year %&gt;&lt;/p&gt;
      &lt;img class="breathingRoom" src="Images/axXAndSpaceLogo.jpg" alt="Across Time and Space logo" width="128" height="80" /&gt;
      &lt;a class="breathingRoom" href="http://www.awardwinnersonly.com/humans.txt" target="_blank"&gt;
        &lt;img src="Images/humanstxt-isolated-orange.gif" alt="Humans dot text logo" width="105" height="46" /&gt;&lt;/a&gt;
      &lt;img class="float-right" src="Images/Logo-BannerSmall_1_.gif" /&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>...and here's the relevant CSS:</p>
  
  <pre><code>.float-left {
      float: left;
  }
  
  .float-right {
      float: right;
  }
  
  .breathingRoom {
      margin-left: 4px;
      margin-top: 4px;
  }
  </code></pre>
  
  <p>...but the final image butts up against the humans.txt image, instead of hugging the east side of the screen. What do I need to do to elbow it stage right?</p>
  
  <p>html5 css footer</p>