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

HTML tags not showing correctly on the firefox browser.

more options

Hello Firefox, this is the HTML tags. Show the image That i attached and see what is the difference.


<title>Quiz1</title> <style> body{ background-color: yellow; font-family: simsun; font-size: 200%;} ol{ color: red; font-family: Verdana; font-size: 100%; background-color: skyblue; } ul{ color: gray; font-family: 'Courier New'; font-size: 100%; background-color: pink; } dl{ color: orange; font-family: Arial; font-size: 150%; background-color: black; } li{ margin-left: 10px; } </style>

University


  1. AABU
    • Since
      1. Math
      2. Physics
    • IT
  2. JU
  3. -Jordan University
  4. HU
  5. YU

Hello Firefox, this is the HTML tags. Show the image That i attached and see what is the difference. <!DOCTYPE html> <html> <head> <title>Quiz1</title> </head> <style> body{ background-color: yellow; font-family: simsun; font-size: 200%;} ol{ color: red; font-family: Verdana; font-size: 100%; background-color: skyblue; } ul{ color: gray; font-family: 'Courier New'; font-size: 100%; background-color: pink; } dl{ color: orange; font-family: Arial; font-size: 150%; background-color: black; } li{ margin-left: 10px; } </style> <body> <h2 style="text-align:center;color:green;">University</h2> <hr color="blue" style="border-width: 3px;color: red;"> <ol type="a" start="4"> <li>AABU</li> <ul style="list-style-type:square;"> <li>Since</li> <ol type="i" start="2"> <li>Math</li> <li>Physics</li> </ol> <li>IT</li> </ul> <li>JU</li> <dt></dt> <dd style="list-style-type: symbols();" >-Jordan University</dd> <li>HU</li> <li>YU</li> </ol> </body> </html>
Attached screenshots

All Replies (3)

more options
  1. Nested list should be inside < li > element, not outside.
  2. HTML spec doesn't allow the color atribute of < hr > element, only global atributes, for instance style.

So Chrome is wrong here, Firefox is OK.

Modified by TyDraniu

more options

I don't like chrome, and I like firefox, but that doesn't mean the firefox ok. your comment not related at all. This is the body tags here :-



body>

h2 style="text-align:center;color:green;">University/h2> hr color="blue" style="border-width: 3px;color: red;"

       ol type="a" start="4"
           li>AABU</li
           ul style="list-style-type:square;"
               li>Since</li
                 ol type="i" start="2"
                     li>Math</li
                     li>Physics</li
                 /ol
               li>IT</li
           /ul
       li>JU</li
       dt></dt
       dd style="list-style-type: symbols();" >-Jordan University
        

Modified by sami.zeklab

more options

I delete some of "<" and ">" for showing propose,