How to link a button to an email address
<p>I have a button (styled with CSS). The HTML looks like this: </p>

<pre><code>&lt;div class="button"&gt;Kontakt&lt;/div&gt; 
</code></pre>

<p>Now I want to link the button to an email address. The following solution did not work. It shows the email address (email@email.de) as text in the button.</p>

<pre><code>&lt;div class="button"&gt;&lt;a href="mailto:email@email.de"&gt;Kontakt&lt;/a&gt;&lt;/div&gt; 
</code></pre>

<p>and the solution with the div container as the inner HTML element also does not work:</p>

<pre><code>&lt;a href="mailto:email@email.de"&gt;&lt;div class="button"&gt;Kontakt&lt;/div&gt;&lt;/a&gt;
</code></pre>

<p>Any ideas on how I can show the word "Kontakt" as Text on the Button which links to an email address?</p>