alsobubbly alsobubbly - 6 months ago 15
CSS Question

Selected text showing oversized selection area

I'm not exactly sure how to explain this but when I select or highlight text on my page, the selection area is too big. I've found this to cause issues with anchor points within the text.

As you can see from the photo below, I have only selected the words "What is "APR"?" but the area is showing above it too.

enter image description here

I have checked my css and can't see anything that could cause this, any ideas?

UPDATED

CSS

h3 {
color: rgb(0, 156, 222);
display: block;
font-family: Arial, sans-serif;
font-size: 23px;
font-weight: 500;
height: 25px;
line-height: 25.3px;
margin-bottom: 9px;
margin-top: 18px;
}

Answer

I've figured it out. So I have the <a name="anchor"></a> within my <h3></h3> and it's causing this issue. If I put the anchor tag outside the <h3> it's fine.