los comentarios me joden el resultado

[PedroRodas]

Hola tengo un archivo html. En el mismo archivo tengo en la cabecera los estilos definidos. Despues de definir cada estilo coloco un comentario, para explicar para que uso cada estilo. De la siguiente forma:

label {
display: block;
margin: .5em 0 0 0;
}
<!-- se muestran los elementos <label> como elementos de bloque, para que
añadan una separación para cada campo del formulario. Además, se añade un margen
superior para no mostrar juntas todas las filas del formulario. -->
.btn {
display: block;
margin: 1em 0;
}
<!-- El botón del formulario también se muestra como un elemento de bloque y se le añade
un margen para darle el aspecto final deseado. -->


Pues bien, si elimino los comentarios, se visualiza perfectamente el formulario como quiero mostrarlo. Pero con los comentarios puestos, no se visualiza correctamente. Los comentarios hacen que no tengan efecto los estilos definidos.
A alguien le ha pasado? podeis decirme como resolverlo?

Muchas gracias