csspage-flow

Unexpected padding/margin in image links


Below the main product image here: http://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers There's a space between the line and the image that's not specified in CSS.

Inspecting element using firefox doesn't show any css paddings/margins that would produce that space too.

Which css property is causing this?


Solution

  • this is a side-effect of the img display attribute being set to inline (which is the default value).

    add a rule to update it to block:

    #image {
        display: block;
    }
    

    … and it will be fixed :)