Как доверстать блок, чтобы h2 находился с боку?

Question

[Марк Иваныч]

Здравствуйте, подскажите по верстке.
Для начала пример: https://jsfiddle.net/6mpy9j3f/

Как при такой верстке сделать чтобы h2 был на одном уровне с картинкой? Т.е слева картинка справа заголовок, дата, текст.

Это необходимо, чтобы при мобильном расширении h2 помещать над картинкой, т.е как сейчас. Надеюсь понятно смог объяснить.

Answer 1

[Денис Инешин]

https://jsfiddle.net/6mpy9j3f/2/
Верстайте как обычно, заголовок всегда можно перенести на верх с помощью CSS как в примере (при условии что он в одну сточку конечно)

Comments

[Марк Иваныч]

Благодарю, жаль только когда заголовок длинный в две строки поможет только "обрезание".

Answer 2

[Stalker_RED]

Этого вы хотите? https://jsfiddle.net/Stalk/wqj8faze/
оба блока float: left
обавил еще рамочку для наглядности.