如何擴展包含半文本和半圖像/照片庫的div？

Question

我想創建一個看起來像「更多」div，我成功創建它，但我有一些問題，當我試圖使主div（與閱讀更多按鈕）是半文本和一半的圖像/照相館（它就像一篇文章，左邊的文字，右邊的圖片）http://jsfiddle.net/nN3Uz/1/。我應該改變這個代碼以適應我的expectaction？

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/