Mailto doesn't work on my html

Question

I'm working on my portfolio and i've added an email with mailto like this

<a id="contact-email" href="mailto:example@gmail.com"><h3>Email: example@gmail.com</h3></a>

It works if i paste it inside www.w3schools.com "try it yourself" but when i'm trying to test it on my webpage it doesn't work

What can cause this problem?

Answer 1

Ok i found the problem, apperently it doesn't work when working locally, when i've uploaded it on my website it worked correctly

Answer 2

The a tag should be inside the h3 like this:

<h3><a id="contact-email" href="mailto:example@gmail.com">Email : example@gamil.com</a></h3>