Sto creando un piccolo sito web per i miei progetti e sono incappato in un errore alquanto inusuale dal mio punto di vista. Questo è il codice in HTML:
<!DOCTYPE html>
<html lang = "it">
<head>
<title> Planet Code </title>
<style>
h1 {
color: rgb(0, 128, 0);
text-align: left;
font-size: 50px;
font-family: monospace;
margin: 10px 0px 10px 1px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
<!-- ora <li> non e' piu' un blocco ma e' inline -->
display: inline;
}
</style>
</head>
<body style = "background-color: rgb(153, 255, 153)" >
<h1> Planet Code </h1>
<hr>
<!-- Menu' Principale -->
<ul>
<li> Home </li>
<li> About </li>
</ul>
</body>
</html>
Il commento all'interno del "li{}" nello style non fa funzionare quell'attributo, mentre se lo tolgo funziona alla perfezione. Come mai?