Как центрировать изображение горизонтально внутри элемента Div? ⇐ Html

[Anonymous]

Как я могу центрировать (горизонтально) изображение внутри его контейнера? < /p> Вот HTML и CSS. Я также включил CSS для других элементов миниатюры. Он работает в порядке убывания, поэтому наивысший элемент - это контейнер всего, а самый низкий находится внутри всего. -code ">
#thumbnailwrapper {
color: #2A2A2A;
margin-right: 5px;
border-radius: 0.2em;
margin-bottom: 5px;
background-color: #E9F7FE;
padding: 5px;
border: thin solid #DADADA;
font-size: 15px
}

#artiststhumbnail {
width: 120px;
height: 108px;
overflow: hidden;
border: thin solid #DADADA;
background-color: white;
}

#artiststhumbnail:hover {
left: 50px
}< /code>







Not By Design









Punk

< /code>
< /div>
< /div>
< /p>
Хорошо, я добавил разметку без PHP, так что должно быть проще чтобы увидеть. Ни одно решение, кажется, не работает на практике. Текст вверху и внизу не может быть центрирован, а изображение должно быть центрировано в его контейнере. Контейнер скрыт, поэтому я хочу увидеть центр изображения, поскольку это обычно, где фокус.


Подробнее здесь: https://stackoverflow.com/questions/109 ... iv-element