Align Image with 1 line inline elements

Question

I am having a problem with my image alignment. I want my image to align with inline elements in a specific way.

This is what I have now:

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

but I want:

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

Is there anyway to do with with CSS?

Answer 1

Just assign vertical-align: top to the image's CSS.

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

Answer 2

Use below CSS for image - position:absolute

    img{
  position:absolute;
   }

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

Answer 3

css float:left on the inline element. See fiddle https://jsfiddle.net/djLqudmt/2/