的CSS：立即發出圖像標題的右側和字幕

Question

假設我有這樣的HTML代碼：

<img src="pic.jpg"/> 
<h1>Title!</h1> 
<h5>A subtext</h5> 
<hr/> 

什麼CSS代碼就會給我下面的結果呢？

Answer 1

<div id="container"> 

<div class="content_left"> 
    <h1>Title!</h1> 
    <h5>A subtext</h5> 
    <hr/> 
</div> 
<div class="content_right"> 
    <img src="pic.jpg"/> 
</div> 
<div> 

CSS：

#container { 
    width: yourwidth; 
    height: yourheight; 
} 

.content_right { 
    float:right; 
    width: width of image; 
} 
.content_left { 
    float:left; 
    width: width of text; 
} 

這當然只是很多方法可以做到這一點...一個