Как выровнять картинку по вертикали?

Question

[wkololo_4ever]

Есть див с заданной высотой, как выровнять картинку, которая находится внутри, по вертикали?
jsfiddle.net/dr1tfrL4
ps: Картинки имеют различные размеры.

Answer 1

[Viktor Vsk]

zerosixthree.se/vertical-align-anything-with-just-...

Answer 2

[Testtest132]

.outer{
    display: table-cell;
    vertical-align: middle;
    height: 300px;
    background-color:#000;
}

Comments

[wkololo_4ever]

У меня еще есть float:left, почему-то с ним не работает jsfiddle.net/dr1tfrL4/1

[Testtest132]

@wkololo_4ever .outer{
width: 250px;
display: table-cell;
vertical-align: middle;
height: 300px;
background-color:#000;
text-align: right;
}

Answer 3

[Pavel K]

.outer{
height: 300px;
background-color:#000;
line-height: 300px;
}

.outer img {
display: inline-block;
vertical-align: middle;
}

jsfiddle.net/dr1tfrL4/2