Выравнивание изображения с помощью 1 строки встроенных элементов

Question

У меня возникла проблема с выравниванием изображения. Я хочу, чтобы мое изображение соответствовало встроенным элементам определенным образом.

Это то, что я сейчас:

   ###################### 
       #     # 
       #     # 
       #  image  # 
       #     # 
       #     # 
inline elements ###################### 

, но я хочу:

inline elements ###################### 
       #     # 
       #     # 
       #  image  # 
       #     # 
       #     # 
       ###################### 

Есть в любом случае делать с с помощью CSS?

Answer 1

Использование ниже CSS для изображения - позиция: абсолютная

img{ 
    position:absolute; 
    } 

codepen- http://codepen.io/pen/

Answer 2

float:left CSS на строковый элемент. См. Скрипку https://jsfiddle.net/djLqudmt/2/

Answer 3

Просто присвойте vertical-align: top к изображению CSS.

http://codepen.io/anon/pen/zBKpmJ