Recently I had to make border under element which is smaller in width than the element.
That sounds fairly simple, but it took more than hour of my time so I think it have it’s place here.

First when you google, you would think that you can use the property

border-bottom-width

But guess what, that would not determine the border width, but its height/thickness. Because that makes sense somehow.

So here is the snippet, with pseudo after element and the parent –

.div {
color: #3483DF;
position: relative;
}

.div:after {
content: '';
position: absolute;
width: 50%;
left: 25%;
bottom: -20px;
border-bottom: 1px solid #3483DF;
}

The reason is because GoDaddy added some kind of “security” feature that will not allow you to send e-mails from accounts that doesn’t exist in the system (CPanel).

So for example if your form is sending emails from behalf of wordpress@site.com it is not going to work.

What you need to do is to go the CPanel and create a freakin mail account from which you want to send the mails.
I mean WTF GoDaddy? Can’t you at least mention this on your freaking site?