I am using the advantage of template keywords (contentEditable,unselectable) to edit a restricted area on a document.

Below is the standard definition of an editable region on my default xml file.

<div id="EditLayer4" contentEditable=false unselectable="ON" align="left" 
style="position:absolute; overflow:hidden; display:none; z-index:11; border:1px #ccc dotted; left:40px; top:10px; width:120; height:110;">
 <p>
   <span style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia">Edit this content....</span>
 </p>
</div>

My question is regarding the priority/importance of the tags p and span....
Do I need to enclose the span tag with the p tag?

 

What about if I decide to apply another size to the word "content"..... is valid to have it without p tag like in the example below...

<div id="EditLayer4" contentEditable=false unselectable="ON" align="left" 
  style="position:absolute; overflow:hidden; display:none; z-index:11; border:1px #ccc dotted; left:40px; top:10px; width:120; height:110;">
 <span style="FONT-SIZE: 12pt; FONT-FAMILY: Georgia">Edit this</span>
 <span style="FONT-SIZE: 16pt; FONT-FAMILY: Georgia">....content....</span>
</div>