Доброго времени суток. Хочу реализовать следующее (см. схему)
Внутри блока #wrapper (ширина не фиксирована) есть множество блоков div фиксированной ширины и высоты с float:left. Однако т.к. эти блоки прижаты к левому краю, не получается их центрировать, как на рисунке выше.
Не подскажете, как быть?
#wrapper {
border: 1px solid black;
display: table;
margin: auto;
width: 70%;
}
#wrapper div {
border: 1px solid black;
float: left;
height: 230px;
margin: 5px;
width: 140px;
}
<div id='wrapper'>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>