Anidando elementos

Puedes también colocar elementos dentro de otros elementos  — esto se llama anidamiento. Si, por ejemplo, queremos resaltar una palabra del texto (en nuestro ejemplo la palabra "muy"), podemos encerrarla en un elemento <strong>, que significa que dicha palabra debe ser enfatizada:

<p>Mi gato es <strong>muy</strong> gruñon.</p>

Debes asegurarte que los elementos estén correctamente anidados: en el ejemplo de abajo, creamos la etiqueta de apertura del elemento <p> primero, luego la de <strong>, por lo tanto, debemos cerrar ésta etiqueta primero, y luego la de <p>. Esto es incorrecto:

<p>Mi gato es <strong>muy gruñon.</p></strong>

Los elementos deben abrirse y cerrarse ordenadamente, de forma tal que se encuentren claramente dentro o fuera el uno del otro. Si éstos se encuentran solapados, el navegador web tratará de adivinar lo que intentas decirle, pero puede que obtengas resultados inesperados. Así que, ¡no lo hagas!