Skip to main content
Grafdot
Participant
July 14, 2019
Answered

Unordered list showing as normal text

  • July 14, 2019
  • 2 replies
  • 566 views

I have encountered an issue where my un ordered lists don't show up, instead are just shown as text which is annoying because I'm trying to make a nav bar.

My code:

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>Test</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<ul class="nav">

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

</ul>

</body>

</html>

This topic has been closed for replies.
Correct answer osgood_

Try writing your list correctly, its <li></li> NOT <il></il> as in your example below is showing:

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

2 replies

Nancy OShea
Community Expert
Community Expert
July 14, 2019
  1. Switch to Design View.
  2. Type a word followed by the Enter key.
  3. Repeat with 4 other words.
  4. Highlight all 5 words and select the bullet icon from your HTML Properties Inspector (Ctrl+F3).
Nancy O'Shea— Product User & Community Expert
osgood_Correct answer
Legend
July 14, 2019

Try writing your list correctly, its <li></li> NOT <il></il> as in your example below is showing:

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>

<il><a href="#">Home</a></il>