Lo que sucede es que en tu codigo primero, se te olvidó el < al inicio y el > al final.
Por cierto no encontrarás manera de ocultar el código. Está la maxima de que "si el usuario lo tiene en su ordenador, el usuario puede descifrarlo" (o algo así
![sonrisota](http://static.forosdelweb.com/fdwtheme/images/smilies/xD.png)
) Podrías bloquear el boton derecho pero eso sólo enfurecerá a tus visitas, y más cuando tienes la opción Ver -> Codigo Fuente o bien Archivo -> Guardar como.