2011-11-18 79 views
1

谁能告诉我如何为某些搜索结果显示CSS - 搜索结果 - 图片,标题和描述

在左侧 而到了右侧的图像做一个简单的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> 

回答

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