html - 画像を div の垂直方向および水平方向の中央に配置する

Question

画像を中央に配置したいのですが、垂直方向と水平方向の両方の div で、さまざまなサイズにすることができます。すべての画像は div に収まるように作成されていますが、サイズが異なります。

どうすればいいですか？

CSS:

.item-image-box {
    width: 48px;
    height: 48px;
    background-color: black;
    border-style: solid;
    border-color: #382418;
    border-width: 2px;
    border-right: 0;
    position: relative;
    float: left;
}

ありがとう！