CSS - 搜索結果 - 圖片，標題和描述

Question

誰能告訴我如何爲某些搜索結果顯示

在左側 而到了右側的圖像做一個簡單的CSS的佈局，與下面

文字標題已經瞎搞用浮漂，但沒有任何喜悅

<div id="" class="searchResult"> 
    <div class="resultIcon"> 
     <img class="icon" src="/placeholder.png" width="42" height="42"/> 
    </div> 
    <div class="optionText"> 
     <p class="Heading" > 
      This is the title of the result 
     </p> 
     <p>This is a load of text describing the result. It's just a summary blah, It's just a summary blah</> 
    </div> 
</div> 

Answer 1

.searchResult, .optionText { overflow: hidden } 
.resultIcon { float: left; margin-right: 10px } 

Answer 2

像這樣http://jsfiddle.net/djsbaker/CYrJe/？