Email html template doesn't match the browser

Question

https://code.sololearn.com/WGAfagN80aej

I got the header to work by adding !important

Here's how it looks in gmail
https://gyazo.com/7a008afefde129c8611cd5863418b806

Answer 1

I am not sure what the problem is but I'll try to help you out.
It could be that gmail disabled some HTML code for security reasons.
I am not sure how you are sending your email in HTML code in the first place but if you have to use !important, it means that there is already a CSS code somewhere that's over writing your CSS.
Instead of putting !important everywhere, you should give ID or Class names to your tags.
Otherwise, you could try to use the <button> tag (https://www.w3schools.com/tags/tag_button.asp).