Bueno, es un orden de poner las cosas. Quizá no te destroce la página, pero en teoría, es como al empacar objetos, envolver con periódico la caja donde van los objetos, cuando este estaba destinado para envolver y proteger los objetos dentro. No pasa mucho, pero no es precisamente lógico
Ahora, para corregirlo, cambia el "span" por el "div" de lugar. Si esto no destroza tu página, todo bien, de lo contrario, hacer más pruebas. Quizá si cambias el nombre "div" y "span" pero sin cambiar el orden de las clases. O sea, en lugar de:
Código HTML:
<span class="item"><div style="text-decoration:underline; font-weight:bold;">Atico a los pies de Sierra Nevada</div><span>
así:
Código HTML:
<div class="item"><span style="text-decoration:underline; font-weight:bold;">Atico a los pies de Sierra Nevada</span></div>
(Ahora que leo el código, así debió ser original
. El que hizo esa plantilla no sabe nada
)
O simplemente no los cambies, solo donde estén esos "div" cambialos por "span" y es bastante posible que sirva sin problema. Suerte