The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Pseudo-element-using hover state messed up Re: Pseudo-element-using hover state messed up


@wolfcry911 I implemented your solution on my site [](, but a problem has arisen. Why does the white border get cut off towards the top. I wanted to position the heading so that it aligns together with the date, and since I couldn’t do that with margin (maybe because the element is now inline), I used position: relative; .... I know this is very, very bad, but I could find no other way to make the date and heading align together.

I know this issue is caused due to line-height but reducing it causes the ‘overlapping’ issue.

So what should I do?