Salve,
ho creato un hover per delle immagini, l'obiettivo sarebbe quello di scriverci anche dentro secondo una formattazione ben precisa, però purtroppo il campo data-description non è editabile in HTML.

Esiste un modo per rendere tale campo non una semplice casella di testo ma poterzi mettere tag HTML?

Grazie in anticipo per l'aiuto... sotto vi copio la porzione di codice per farvi capire un pochetto meglio

codice:
 <div class="centro">
    <div class="sinistra">
        <div class="caption" data-description=PIPPAPARAPOOOO onmouseover="showButton()" onmouseout="hideButton()">
            <img src="images/1.jpg"/>
            <div style="position:relative; background:blue; top:-300; left:30px; width:100px; height:20px; visibility:hidden" id="btn">Click</div>
        </div>    
    </div>
    <div class="destra">
      <div class="destrasup">
        <div class="caption1" data-description="PIPPAPARAPOOOO" onmouseover="showButton1()" onmouseout="hideButton1()">
            <img src="images/2.jpg"/>
            <div style="position:relative; background:blue; top:-100px; left:30px; width:100px; height:20px; visibility:hidden" id="btn1">Click2</div>
        </div>
      </div>
      <div class="destrainf" style="overflow:hidden;">
        <div class="caption2" style="float:left" data-description="PIPPAPARAPOOOO" onmouseover="showButton2()" onmouseout="hideButton2()">
            <img src="images/4.jpg" width="400px"/>
            <div style="position:relative; background:blue; top:-100px; left:30px; width:100px; height:20px; visibility:hidden" id="btn2">Click3</div>
        </div>

        <div class="caption3" style="float:right" data-description="PIPPAPARAPOOOO" onmouseover="showButton3()" onmouseout="hideButton3()">
            <img src="images/3.jpg" width="400px"/>
            <div style="position:relative; background:blue; top:-100px; left:30px; width:100px; height:20px; visibility:hidden" id="btn3">Click4</div>
        </div>
      </div>
    </div>
  </div>