html - ブラウザの左右端に触れるdiv

Question

defie divを左に移動し、販売注文divを右に移動する方法...... floatプロパティを指定しましたが、機能しません..... 1つのdivを非常に左に移動し、別のdivを右に移動したかったのです... . 以下の私のコードを提供する.....

http://jsfiddle.net/zbyLy/3/embedded/result/

<div style="padding-left: 41px; padding-top: 10px; float:left;">
            <a class="" href="#">
              <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png">
            </a>
            <p style="margin-top: 5px; margin-bottom: 0px;">47657 Lakeview Blvd, Fremont CA 94538</p>
            <p>Tel: 510-657-8981 <span style="padding-left: 18px;">wwww.abcdfg.com</span></p>
      </div>

      <div style="border: 1px solid red; width: 300px; float:left;">
        <p style="color: #14486b; font-size: 18px; font-family: arial; font-wieght: bold; ">Sales Order</p>
        <p style=>Customer No. ABC01</p>
        <p style=>sales Order No. 100001</p>
        <p style=>Est. Ship Date 2/24/2013</p>
      </div>

Answer 1

<div style="border: 1px solid red; width: 300px; float:right;">

デモ: http://jsfiddle.net/zbyLy/