css - フローティング画像をdivの中央に配置

Question

フロート画像をページの中央に配置しようとしていますが、うまくいきません。これが私のコードです

.imcontainer {
    text-align:center;
    display:inline-block;
}.float {
    float: left;
    font-size: small;
    height: auto;
    margin: 5px 7px 0 3px;
    width: auto;
}

HTML

<div class="imcontainer">
    <div class="float"><img width="70px" height="70px" src="image.jpg"></div>
    <div class="float"><img width="70px" height="70px" src="image.jpg"></div>
    <div class="float"><img width="70px" height="70px" src="image.jpg"></div>
    <div class="float"><img width="70px" height="70px" src="image.jpg"></div>
    <div class="float"><img width="70px" height="70px" src="image.jpg"></div>
</div>

この問題を解決するにはどうすればよいですか?

Answer 1

@andyb は完璧な解決策を提供しましたが、それでも満足できない場合は、ではなく に追加display: table-cell; text-align: center;してみてください。ギャップが必要な場合は、 を追加してください。floatimcontainerpadding value

Answer 2

この CSS を使用します。

.imcontainer {
    text-align: center;
}
.float {
    display: inline-block;
    font-size: small;
    height: auto;
    margin: 5px 7px 0 3px;
    width: auto;
}

Answer 3

これを試して：

.float {
    float: left;
    font-size: small;
    height: auto;
    margin: 5px 7px 0 3px;
    width: 100px;
    text-align: center;
}