Как выровнять как на скрине?

Question

[olya_097]

вот
https://codepen.io/anon/pen/RmXvGN

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/JqgxpQ оно ??

Comments

[olya_097]

Максим Ленский. не совсем
title так и нужен чтобы переносился

[Максим]

olya_097, проверь опять

[olya_097]

Максим Ленский, но теперь первое изображение не на одном уровне с другими

[Максим]

olya_097, понял момент

[Максим]

olya_097, проверь

[olya_097]

Максим Ленский, спасибо
а в чем была проблема? не совсем поняла

[Максим]

olya_097, проблема была в высоте заголовка ....просто надо было указать высоту и тогда изображение прижмётся к нему а так как нету высоты то браузер это делает автоматически т.е сдвигает картинку в низ

[olya_097]

Максим Ленский, высоту для тайтл дать?

[Максим]

olya_097, да ...посмотри в песочницу я же уже это сделал там

[olya_097]

Максим Ленский, увидела
но смотри
по вертикали будто не центру
сравни первый заголовок и второй
понял о чем я?

[Максим]

olya_097, проверь

[olya_097]

Максим Ленский, ага
увидела
спасибо огромное!

[olya_097]

Максим Ленский,
извините
Не подскажете?Как сделать как на скрине?

С такой вот структуроі html
https://codepen.io/anon/pen/ZdBjpP
и чтобы это было гибко
тоесть можно спокойно добавлять на другие страницы
как сделать?
Я про блок слева при ховере