内部に正方形のdivの行があるコンテナを中央に配置しようとしています。ただし、それを機能させようとして、コンテナー内の単一の正方形に縮小しました。自動幅にする必要がありますが、中央揃えにする必要もあります。自動幅を使用しているコンテナ div を中央に配置するにはどうすればよいですか? 幅が固定されている場合にのみ、「パネル」divを中央に配置するようです。
HTML FILE
<div class="panel">
<div class="item"></div>
</div>
CSS FILE
.panel {
position:absolute; /*This seems necessary to get the auto width to work.*/
margin: 10px auto;
border-style: solid;
border-color: #000000;
}
.item {
width: 50px;
height: 50px;
margin: 30px;
border-style: solid;
border-color: #000000;
}
最終的には、パネル内にさらにアイテムを追加する予定です。