Вертикальное выравнивание элемента блока с изображением?
Я ищу способ вертикально выровнять элемент блока по изображению. На моем сайте это изображение будет динамически изменяться по высоте и ширине, поэтому мне потребуется вертикальное выравнивание, чтобы адаптироваться к любому размеру изображения. Например:
<img src="photo.jpg" alt="test" />
<div id="box">
</div>
img { float: left; }
#box { float: right; width: 200px; height: 150px; background-color: #666; }
Поэтому я бы хотел, чтобы этот div вертикально выравнивался по изображению. Как это может быть сделано? Благодарю.