Long email address with bottom straight line responsive issue

Question

I am facing a strange issue and need help on this. if i keep space in email address-

<h3>
    Not sure where to start?<br>
    Reach us as at <a href="mailto:contact@superadminconsult.com">contact @superadminconsult. com</a>
</h3>

Output is ok-

But when I write full email address like this

<h3>
    Not sure where to start?<br>
    Reach us as at <a href="mailto:contact@superadminconsult.com">contact@superadminconsult.com</a>
</h3>

Output

Any kind of help or suggestion will be appreciated.

Thanks in Advance

One more question I have ::after with in css and it contains a straight line bottom of email address. Is it possible to keep that line after break the email address? — Hakik Zaman, Sep 19 '20 at 05:23
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/221722/discussion-between-abdullah-al-noor-and-hakik-zaman). — نور, Sep 19 '20 at 05:25

score 0 · Accepted Answer · answered Sep 19 '20 at 05:18

0

source link

  a{
    word-break: break-all;
    }

answered Sep 19 '20 at 05:18

نور

1 Answers1