Выровнять изображение по центру внутри Div ⇐ Html

[Anonymous]

Я хотел бы разместить изображение в центре элемента div (скрипка). Поскольку я хочу, чтобы этот div унаследовал высоту этого div от другого, плавающего рядом с ним, мне пришлось использовать этот трюк.
По этой причине описанные здесь решения, похоже, не работают.
Требование состоит в том, чтобы никакое другое поведение не изменялось, но код может быть таким же, пока достигаемый эффект тот же. При необходимости я также готов принять решения, включающие JavaScript.

Because Sometimes It Takes a Village

What about robots the size of tea cups that scoot around on tiny wheels, snapping pictures with miniature cameras and keeping track of where they are in relation to dozens of others?



.container {
background: green;
overflow: hidden;
}

.logo-div {
background: yellow;
width: 150px;
float: left;
padding-bottom: 1000px;
margin-bottom: -1000px;
}

.text-div {
background: blue;
float: left;
max-width: 350px;
padding-bottom: 1000px;
margin-bottom: -1000px;
}

.logo {
width: 100px;
}


Подробнее здесь: https://stackoverflow.com/questions/247 ... thin-a-div