Re: Pseudo-element-using hover state messed up

[dheeraj]

@wolfcry911 I implemented your solution on my site [http://canamla.tk/](http://canamla.tk/), 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?