Ive got a element with styling underline.
In the link there is TM element.
Is it possible to make underline at the bottom of all word cause right now there is a break in line and underline in sup element is higher.
Thank for help
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Ive got a element with styling underline.
In the link there is TM element.
Is it possible to make underline at the bottom of all word cause right now there is a break in line and underline in sup element is higher.
Thank for help
<u>This is some text for Brand Name™ to test the error.</u>That works. I cannot recreate your error.
EDIT
Okay, my bad – I answered without using the
<sup>element. If you’re just using the Trademark (™) marker, it’s better to just use the HTML expression for that, which is™– use that directly in your text.Regarding your question, you really have two options.
CSS
* you may need to adjust the
padding-bottomvalue depending on your line height.HTML
<u>This is a Brand</u><sup>for a company</sup><u> and then some more text</u>or, Lollero’s version (modified to work in line)…
CSS
div.underline { display: inline; padding-bottom: 1px; border-bottom: 1px solid #222; }HTML
<div class="underline">what'<sup>s UP</sup></div>