Selectable text on <a> tags with width

I have a link as a button, DEMO

HTML:

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

CSS:

.contact{
    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