alsobubbly alsobubbly - 2 years ago 107
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?



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 Source

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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download