0

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?

Hawkeye
  • 379
  • 1
  • 3
  • 14

3 Answers3

1

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

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

Johannes
  • 59,058
  • 16
  • 59
  • 114
0

Use below CSS for image - position:absolute

    img{
  position:absolute;
   }

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

Naga Sai A
  • 10,352
  • 1
  • 18
  • 38
0

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

grateful
  • 1,098
  • 12
  • 22