I have an issue. Here is the CodePen. I have an “h1” as the title of my page. I added an underline to “a” and I had to systematically remove it from everything I did not want a underline on. But I can’t seem to figure out how to get rid of it for the “h1.” I used text-decoration: none, but it seems to do nothing. Also, the underline is repeating itself four times over because I have a text-shadow on my “h1” as well. How do I get rid of it? Thank you in advance!
The problem is that you did not give the underline to the h1 element but instead to the parent a element. So to remove that underline you would have to give the a tag text-decoration:none; not the h1. [Like this](http://codepen.io/uneart/pen/bDtnC)
I am still doing it incorrectly, as nothing has changed.
Regarding the other issues of color spacing and font size, I have enclosed a sample of what it is supposed to look like in the link so the two can be compared. http://www.paulanichols.com/pn-email
In your example these inline-styles are set on the parent td-element, but those styles will only apply to the styles of that td itself: it is not “hitting” the child a element, so browsers-default styles are being applied, hence the underlining. BTW, one doesn’t need a table for such a thing.
The only problem I encountered was when trying to rewrite this as an inline style. I am too ignorant to know how to handle some of the more sophisticated coding like multiple classes or id’s. If I am using the correct terminology.
I have had a very difficult time finding any instruction on anything more than the most simplistic inline styling.