This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

html5 <del> tag support

  • 5 replies
  • 1 has this problem
  • 2 views
  • Last reply by elearner

more options

Hi,

I am very disappointed by the way that Mozilla Firefox support tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    
    <style>
h1 {
font: 3.4em/4 "Helvetica Neue";
font-weight: 100;
font-style: italic;
}
    </style>
    
</head>
<body>

 <h1>My <del>ex</del>Title</h1>

</body>
</html>

Hi, I am very disappointed by the way that Mozilla Firefox support <del> tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support : <pre><nowiki><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> h1 { font: 3.4em/4 "Helvetica Neue"; font-weight: 100; font-style: italic; } </style> </head> <body> <h1>My <del>ex</del>Title</h1> </body> </html></nowiki></pre>

Modified by cor-el

All Replies (5)

more options

Can you attach a screenshot to show the difference?

Use a compressed image type like PNG or JPG to save the screenshot.

more options

There are 2 screenshots. The first one is Firefox and second one is Safari.

more options

So Firefox displays the strike through thicker and at a higher position.

Does this happen with all fonts?

I'm not having this Helvetica Neue font, but Firefox shows the strike through at about the middle of the characters for me.

more options

I can only compare Firefox and Chrome. Seems that both place the line through the center of a lower case x (half of the x-height) when the font size is a bit larger but where they vary, Chrome aims higher and Firefox aims lower.

Test page: http://jsfiddle.net/3futZ/

Not sure there is any applicable standard for exactly where a line-through is drawn.

Note: You can change the font-family in the Fiddle and save as a new version if you like.

Modified by jscher2000 - Support Volunteer

more options

Thank you jscher2000! As you said I don't think there is any applicable standard for this issue.

http://jsfiddle.net/elearnerjs/JL98G/