横に並んだ画像の固まりをセンター
下記CSSでキャプション付き画像を横向きに並べて配置したのですが
横に並んだ画像の固まりをセンターにもっていくCSSがわかりません
どなたか知りませんか？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
<!--
div.imagebox {
border: 1px dashed #0000cc; /* 1.枠線 */
background-color: #eeeeff; /* 2.背景色 */
}
p.image, p.caption {
text-align: center; /* 3.中央寄せ */
margin: 0px; /* 4.余白・間隔 */
}
p.caption {
font-size: 80%; /* 5.文字サイズ */
color: darkblue; /* 6.文字色 */
}
div.imagebox {
border: 1px dashed #0000cc; /* 枠線 */
background-color: #eeeeff; /* 背景色 */
width: 140px; /* 横幅 */
float: left; /* 左に配置 */
margin: 5px; /* 周囲の余白 */
}
.imagebox_a {
display: block;
margin-left: auto;
margin-right: auto;
}
-->
</style>
</head>
<body>
<div class="imagebox_a">
<div class="imagebox">
<p class="image"><img src="./photo.jpg" width="140" height="95" alt="海の写真"></p>
<p class="caption">キャプションですよ</p>
</div>
<div class="imagebox">
<p class="image"><img src="./photo.jpg" width="140" height="95" alt="海の写真"></p>
<p class="caption">キャプションですよ</p>
</div>
<div class="imagebox">
<p class="image"><img src="./photo.jpg" width="140" height="95" alt="海の写真"></p>
<p class="caption">キャプションですよ</p>
</div>
<div class="imagebox">
<p class="image"><img src="./photo.jpg" width="140" height="95" alt="海の写真"></p>
<p class="caption">キャプションですよ</p>
</div>
</div>
</body>
</html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
