The color of the menu background is not displaying correctly

Question

My CSS3 navigation menu is not displaying the red background. I have checked my code multiple times but can't seem to find the issue.

#nav{
background-color:red;
height:40px;
width: 550px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 20px;
}
ul li{
color:silver;
}

This is my HTML code:

<div class="menu">
    <ul>
        <li>Seneda</li>
    </ul>
</div>
<h1>Create Your Account</h1>

I can't seem to figure out what's missing in order for it to work correctly.

Answer 1

Answer №1

The #nav element is missing from your HTML structure.

<div class="wrapper">
  <ul id="nav">
    <li>Home</li>
  </ul>
</div>
<h1>Welcome to Our Website</h1>

Answer 2

The #nav element is missing from your HTML structure.

<div class="wrapper">
  <ul id="nav">
    <li>Home</li>
  </ul>
</div>
<h1>Welcome to Our Website</h1>

Answer 3

If you want to accomplish this task, follow these steps:

<div class="navigation-menu">
   <div id="navbar">
    <ul>
       <li>Example</li>
    </ul>
   </div>
</div>
  <h2>Sign Up for an Account</h2>

Demonstration JSFIDDLE

Answer 4

If you want to accomplish this task, follow these steps:

<div class="navigation-menu">
   <div id="navbar">
    <ul>
       <li>Example</li>
    </ul>
   </div>
</div>
  <h2>Sign Up for an Account</h2>

Demonstration JSFIDDLE