I am trying to have one of the letters of my H1 tag line in a different color then the other. So for instance I have
Apples where I want
A to be green color.
The way I would like to accomplish it is by using a CSS-ed span with a color: green; set to it in my CSS file. For instance:
My concerns are:
1) Will it still be seen as a whole word (apples) by the SE, or it will be split as
2) Do you get any sort of penalty for having this strange H1 tag?