CSS如何實現左圖右文

如何用CSS實現左圖右文？
我們現在來看CSS代碼：

<style>
 .block img {
 float: left;
 margin-right: 10px;
 width: 100px;
 height: 100px;




 }
 .block p {
 width: 200px;
 height: 100px;
 line-height: 20px;
 overflow: hidden;
 }
</style>

可以看到我在這裏定義了兩個選擇器，一個用來設置圖片的位置，一個用來設置文本的位置。
html代碼：

<div class="block">
 <img src="img/楊楠.jpg"/>
<p>我哈哈哈哈哈哈哈哈哈哈哈嘿嘿哈哈哈哈哈哈</p>
</div>

這樣就實現了簡單的左圖右文操作。