Selectable text on <a> tags with width

I have a link as a button, DEMO


<a class="contact" href="mailto:dummy@test.dummy">E.mail us</a>


    display: block;
    width: 200px;
    line-height: 75px;
    text-align: center;
    background: #000000;
    color: #ffffff;

The issue I am having is that I need to allow user to copy text from this link. However as this has width set and I need this fixed width(text length can change, but width no). User can only select text from one or another side, but not directly inside the block(if that makes sense).

Any ideas on solution for this with still having this size link? Thanks for any suggestions.

Source: html

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.