CSS spurious margins
I could do with a bit of help on this one. This page; http://fredericacards.co.uk/greetings-cards.php has a bunch of divs for products with an h3 heading. That h3 has a 20px top margin in Safari and a 20px top and bottom margin in Firefox that doesn't appear to originate from anywhere I can find.
It's an old-ish site so I haven't used a boilerplate reset but I've done the usual margin and padding 0 for *
I have debugged to the extent of reducing the page to just one offending div with Firebug but nothing I do, other than setting the top-margin to -20px, will shift that heading up.
What am I missing here?
I don't normally have a problem with spacing content so I guess there's something I'm carrying around that maybe a 2nd pair of eyes can spot.
You have some kind of funky characters in your product div - what code editor are you using? Look at the source HMTL:
- ASCII 3D Text looks glitchy when used for a HTML Website
- table with sticky header and horizontal scroll
- CSS: 100% width or height while keeping aspect ratio?
- move words into a specific area
- How to set min width on content but still never exceed parent container width
- jQuery button click not showing/hiding content
- How do I auto scroll in Angular?
- How to remove lines between cells in Material UI Table
- Adding doctype for html5 (or any doctype) breaks my site
- Setting the background of an input element as a combination of three colors
- CSS :after or :before reading dynamic values from HTML. No JS. Pure CSS
- How to style SVG with external CSS?
- How to Make an SVG Image Dynamically Match the Height (1em) and the Baseline of Surrounding Text?
- How to Apply Background Color for Children in a Repeating Pattern (Blue, Purple, Red)
- Text cropping when using overflow: hidden
- How to Position an Image on Different Sides of a Container Using CSS?
- How remove border around image in css?
- TailwindCSS: SVG icon won't resize properly
- Float CSS attribute causing parent div not to inherit height?
- Refused to apply inline style because it violates Content Security Policy (using hash for JQuery inline style)
- Show text outside the div with clip-path
- Flask/Jinja content not centering
- How to create a scalable document element inside a container in HTML
- Custom directive and [ngClass] on same element does not work
- How to add Font Awesome icon into <input> button?
- I can't set text after modifying the text
- Convert RGB color to English color name, like 'green' with Python
- Change / Hack style of Facebook 'Like it' button
- Selector :last-child not working as expected?
- Why does this strange space start appearing at the bottom of the page only on mobile?