テーブルのないリンクの右側にすべてのテキストを配置

Question

下のhtmlの各リンクをテキストの左側（段落要素）に置こうとしています。だから私は同じ行にリンクとテキストを取得しようとしています。

すべてのテキストをハイパーリンクの右側に置くにはどうすればよいですか？

<div> 
    <div style="float: left; display: inline; background-color: blue;"><a href="aboutUs.pdf">About Us</a></div> 
    <p style="float: left; display: inline; background-color: yellow;">: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> 
</div> 
<div> 
    <div style="float: left; display: inline; background-color: blue;"><a href="aboutUs.pdf">About Us</a></div> 
    <p style="float: left; display: inline; background-color: yellow;">: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> 
</div> 

Answer 1

することはできませんfloatdisplay: inline。

<div> 
    <a href="aboutUs.pdf">About Us</a> 
    <p>: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> 
</div> 

​div {height:125px;} 
​a{height:100%; display:block; float:left; 
    background: lightblue;} 
p{height:100%; background:light gray;} 

Demo

Answer 2

なぜインラインスタイルを使用しますか？

div > div{float: left; background-color: blue;} 
div > p{background-color: yellow;} 

<div> 
    <div><a href="aboutUs.pdf">About Us</a></div> 
    <p>: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> 
</div> 
<div> 
    <div><a href="aboutUs.pdf">About Us</a></div> 
    <p>: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p> 
</div> 

http://jsfiddle.net/fCaFW/

EDIT：

http://jsfiddle.net/fCaFW/1/