如何將圖片中的標題放在一行中？

Question

如何將3個標題放在圓形圖像下。這是我正在處理的site。

Answer 1

這裏的問題是，你沒有正確地清理你的浮游物。

我建議用行來包裝所有的浮點數，例如

你有你的標誌和一行上的鏈接，所以包裝在一個具有clearfix類的div。 然後，您將三個圓圈圖像包裹在一個帶有clearfix類的div中。 然後你有你的H標籤浮動，所以把它們包裝在一個帶有clearfix類的div中。

然後將clearfix類添加到你的css中。

.clearfix:before, .clearfix:after{ 
    content:'\0020'; 
    display: block; 
    overflow: hidden; 
    visibility: hidden; 
    clear: both; 
    width: 0; 
    height: 0; 
} 

這裏是一個快速小提琴。

http://jsfiddle.net/5JGrb/

Answer 2

請試試這個。

.containerDiv div{ 
    float:left; 
    margin: 10px; 
} 

.containerDiv div h3{ 
    text-align: center; 
} 

Fiddle

欣賞你的時間。