如何將圖像和圖像並排排列，並將它們居中？

Question

<div class="image"> 
</div> 
<div class="form"> 
</div> 

.image{ 
    float:left; 
} 

.form{ 
    float:left; 
} 

這會將它們並排放在屏幕的左側。但是我怎樣才能讓他們居中呢？

Answer 1

您必須更改所有行爲。第一包像這樣的html：

<div class="wrapper"> 
    <div class="image"> 
    </div> 
    <div class="form"> 
    </div> 
</div> 

而CSS：

.wrapper { 
    text-align : center; 
} 
.image, .form { 
    display: inline-block; 
    vertical-align: top; 
}