Как расширить div, который содержит половину текста и половину изображения/фотогалерею?

Question

Я пытаюсь создать похожий вид «читать дальше» div, я добился его создания, но у меня есть некоторые проблемы, когда я пытаюсь сделать основной div (с кнопкой «читать больше») половинным текстом и половиной изображения/фотогалерея (это как статья, слева текст, справа от изображения) http://jsfiddle.net/nN3Uz/1/. Что я должен изменить для этого кода, чтобы работать, чтобы помочь моему ожиданию?

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/