I have the following code to generate an owl carousel inside a div of the site I'm developing, but I'll see in the html the <p>
tag closes before the carousel div, leaving the layout totally wrong. Below is the code that is present in php:
<p class="htlfndr-hotel-thumbnail">
<div class="owl-carousel-search owl-theme htlfndr-hotel-thumbnail">
<div class="item">
<a href="#" data-toggle="modal" data-target="#imgModal" onclick="atualizaModal(\'thumb.php?src='.$strUrlSistema . $arrItemQuartoDisponivel['imagem'].'\');" >
<img src="thumb.php?src=' . $strUrlSistema . $arrItemQuartoDisponivel['imagem'] . '&x=260&y=155&q=100&fill=false" alt="pic" />
</a>
</div>
<div class="item">
<img src="thumb.php?src=' . $strUrlSistema . $arrItemQuartoDisponivel['imagem'] . '&x=260&y=155&q=100&fill=false" alt="pic" />
</div>
</div>
</p>
And below is the code as shown on the web (Code seen by inspect element):
The tag <p>
was previously a <a href>
and I replaced it because I thought that what caused the error was to have an equal tag inside it, but after its replacement the error of the tag closing before continued, someone would have some idea of what it can be?