On Wed, Sep 24, 2014 at 5:10 PM, John <j...@coffeeonmars.com> wrote:
> At this link: http://www.coffeeonmars.com/ I have an image just under
> the header nav which spans my wrapper. to achieve this, I placed a call for
> the image after the nav, but before my #middle content area, as #middle has
> right and left padding.
>
> The image is in there, but there’s a space beneath it which I have tried
> mightily to find and eliminate. I’m having zero luck. This image is placed
> there by a text widget in WordPress..I’ve tried calling it by its widget
> id, and next looking for a descendant selector way of grabbing it that
> doesn’t break other things.
>
Since images (<img>) are inline elements by default, the user agent adds
space under them to account for descenders* so that if the image appears in
line with text, it is vertically aligned along the baseline. To prevent
this from happening, change the display to block:
.textwidget > img { display: block; }
* http://en.wikipedia.org/wiki/Descender
--
Jon Reece
jon.re...@gmail.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
