如何扩展包含半文本和半图像/照相馆的div？

Question

我正在尝试创建一个外观相似的“阅读更多”div，我在创建它时成功了，但是当我尝试将主div（带有更多按钮）设为半文本和半个时，我遇到了一些问题图像/照相馆（它就像一篇文章，左边是文字，右边是图像）http://jsfiddle.net/nN3Uz/1/。我应该更改这个代码来工作propper我的期望？

HTML

<p id="title">Math</p>
<div class="expander" id="aspect">
                <div id="paragraf">
                Paragraph 2: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est 
                laborum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est Excepteur sint occaecat 
                cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est Excepteur sint occaecat cupidatat non proident, sunt in c
                ulpa qui officia deserunt mollit anim id est 
                </div>
        </div>

CSS

#title {
 border:1px solid #800000;
 width:1000px;
 background:#800000;
 color:#fff;
 margin-left:0px;
 font-size: 30px;
 }

#aspect {
width:1000px;
border: 1px solid #800000;
background:#fff;
box-shadow: 5px 5px 5px #494949;
padding-left:10px;
}

#paragraf {
margin-right:10px;
width:1000px;
}

Answer 1

我尝试使用<div>但无法让它发挥作用。如果你想要你可以用表做。 http://jsfiddle.net/5cvtD/