У меня есть основной div (#homeGallery), в котором у меня есть span (.imgClass), который используется для загрузки одного из списка изображений. Мне нужно, чтобы изображение было центрировано не только вертикально, но и горизонтально в div.

Пока у меня есть этот код.

#homeGallery > .imgClass{
 margin:auto;
 position: relative;
 top: 0;
 bottom: 0;
 display: block;
 left: 0;
 right: 0;
}

а также

#homeGallery > .imgClass > img {
 margin:auto;
 float:center;
 max-width:60%;
 max-height:99%;
 border: 2px solid;
}

Любая помощь будет оценена