<!------------------------------------------------------>
<div class="article_text">
<div class="code" style="width: 70%; box-shadow: 1px 1px 6px #000000; border-radius: 10px; text-align: center;"><span style="font-family: 'Edwardian Script ITC'; font-size: 29px;">Resultado</span><br /><br /><br /></div>
</div>
<p><br /><br /></p>
<!------------------ Code html ----------------------->
<div class="code" style="width: 550px; height: auto; box-shadow: 1px 1px 6px #000000; border-radius: 10px; overflow: auto;"><span style="font-family: 'Edwardian Script ITC'; font-size: 23px;">HTML</span>
<div class="dp-highlighter">
<div class="bar">
<div class="tools">
<p>Texto</p>
<p>&nbsp;</p>
</div>
</div>
<p>Texto, c&oacute;digo</p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!------------Code HTML----------------------------->
<div class="code" style="width: 550px; box-shadow: 1px 1px 6px #000000; border-radius: 10px; height: auto; overflow: auto;"><span style="font-family: 'Edwardian Script ITC'; font-size: 23px;">CSS</span>
<div class="dp-highlighter">
<div class="bar">
<div class="tools">
<p>Texto</p>
<p>&nbsp;</p>
</div>
</div>
<p>Texto, c&oacute;digo....</p>
<p>&nbsp;</p>
</div>
<textarea id="txtArea" class="txtarea" onclick="this.focus();this.select()" cols="55" rows="3">Texto, código....</textarea><br /><br /></div>

Texto, código....