Having trouble with my HTML page. I can only see the first word of the title in the drop-down list. The navigation bar refuses to center despite trying various styles. Below is my CSS code:
background-color: #78706e;
height: 100%;
font-family: Arial;
color:white;}
.header {
background-image: url("m.jpeg");
background-repeat: no-repeat;
background-size: cover;
background-color: #F1F1F1;
text-align: center;
padding: 20px;}
nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}
nav ul li {
right: 0;
left: 0;
float: left ;
width: 200px;
height: 40px;
background-color: black;
opacity: .8;
line-height: 40px;
text-align: center;
font-size: 20px;
margin-right: 2px;
}
nav ul li a{
text-decoration: none;
color: white;
display:block;
}
nav ul li a:hover{
background-color:green;
}
nav ul li ul li{
display: none;
}
...