Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Jacob Miranda
Jacob Miranda
19,392 Points
Posted by Jacob Miranda
Jacob Miranda
19,392 Points

Italic Subscripting Issue

I was wrapping an <i> tag around text in an HTML email and noticed it would subscript the text when I previewed it in the browser. I checked to see if it was just because the <i> element is deprecated, but I was getting the same results when using the <em> element, as well as styling a <span> tag with font-style: italics;

Has anyone come across this happening?

3 Answers

TJ Egan
TJ Egan
14,420 Points
TJ Egan
TJ Egan
14,420 Points

Hmm, hasn't happened before for me. Which browser are you using? Have you checked your CSS files for any 

<sub>

tags?

Jacob Miranda
Jacob Miranda
19,392 Points
Jacob Miranda
Jacob Miranda
19,392 Points

All my CSS is inline (that's a reason as to why it has to be, unfortunately), but it seems to only do it when there is only one line of text & line-height affects how far down the <sup> elements are brought down and the italicized content

Jacob Miranda
Jacob Miranda
19,392 Points
Jacob Miranda
Jacob Miranda
19,392 Points

Just tried it again today in another newsletter and when I used <em> & <i>, they didn't affect the line-height of the content in them.

help ?

It's not the end of the world, but I was just curious as to why it would affect it that way.