CSS - 搜索结果 - 图像,标题和描述

时间:2011-11-18 12:09:38

标签: html css layout

有人可以告诉我如何为显示

的搜索结果做一个简单的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 个答案:

答案 0 :(得分:1)

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