Why is there a Seperation?

[05beckga]

Hi I’m trying to create a website and I have a location part. My problem is there is a small gap between the img and location info. And I don’t know why. I’m sure its simple I just can’t work it out. I want the img and info(orange) to be joint together.

Edit fiddle - JSFiddle - Code Playground

above is an example of my problem. As you can see the tiny gap.

Any help would be much appreciated

[ralphm]

Images have a default gap underneath them so that they will align with the baseline of any text they sit beside. You can alter this in two main ways. Either use:

img {vertical-align: bottom;}

or

img {display: block;}

(As an aside, though, it’s rare to be the first person to stumble on something like this. If you google “strange gap under image” etc. you’ll find this info repeated a million times. )

[05beckga]

thanks alot for help