将图像与1行内联元素对齐

Question

我的图像对齐有问题。我希望我的图像以特定方式与内联元素对齐。

这就是我现在所拥有的：

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

但我想：

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

无论如何与CSS有关吗？

Answer 1

只需将vertical-align: top分配给图片的CSS。

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

Answer 2

使用CSS下面的图像 - 位置：绝对

    img{
  position:absolute;
   }

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

Answer 3

内联元素上的

css float:left。看小提琴 https://jsfiddle.net/djLqudmt/2/