У меня есть четыре divs, содержащихся в другом div, и я хочу, чтобы четыре внутренних divs были центрированы.
Я использовал float: left
на четырех div, чтобы они были выровнены по горизонтали.
CSS
<style>
.square //inner divs
{
float: left;
margin:1pt;
width:72pt;
height:72pt;
}
.container //outer divs
{
text-align:center;
width:450pt;
height: 80pt;
}
</style>
и HTML:
<div class = "container">
<div class = "square">...</div>
<div class = "square">...</div>
<div class = "square">...</div>
<div class = "square">...</div>
</div>
Как я могу центрировать div внутри контейнера?
Число внутренних divs может быть переменным.