I’m having a bizarre problem.
On my page, http://radiovalerie.org/ – text that’s wrapped in a hyperlink tag gets pushed down slightly, as if it has some extra “line-height” property applied to it, but I have no clue where this property is being called from in the CSS.
Example: “Listen via → iTunes • Winamp • WindowsMedia” on the right hand side of the page.
The “Listen via” part is normal, but once the hyperlinks start coming after it, it’s almost as if they have a different line-height.
I’ve combed the website’s .css file directly, as well as snooped through the code using Chrome’s element inspector, but I can’t seem to track down the culprit which makes hyperlinked text look slightly off.
Does anybody have any ideas?
Your reset.css line 20 includes
When I cancelled this line in the Safari element inspector, the text in question jumped back in line with the “Listen via…”.
You could override this by adding
into style.css, in the block that starts on line 166.
The original problem is likely to be caused by a difference in the height of the standard text in that font vs the height of the
<a>element with the reset css applied.