How to remove underline from _{in tag?}

Question

How can I remove the underline in a subscript text enclosed in the <u> tag with CSS?

This doesn't work.

u sub {
  text-decoration: none;
}

<u>The text should be underlined,<sub>but not the subscript</sub></u>

You would be better off changing the markup so the sub in not in the `u` — epascarello, Jan 19 '17 at 21:02

Stickers · Accepted Answer · 2017-01-19T21:49:52.577

9

You can set sub to display: inline-block;

u sub {
  display: inline-block;
}

<u>The text should be underlined,<sub>but not the subscript</sub></u>

edited Jan 19 '17 at 21:49

answered Jan 19 '17 at 20:56

Stickers

Nice to learn this. – Gabriele Petrioli Jan 19 '17 at 20:58
2

I don't know why, nor how, but that worked. Thank you! :-) – SlumpA Jan 19 '17 at 21:02

How to remove underline from in tag?