<div class="spoiler"><br /> <input style="background-color: #e0ebfa; border: 1px solid #C3D8F4; margin-left: 45%; box-shadow: 6px 6px 10px black; margin-bottom: 20px; border-radius: 5px;" title="cliquer pour voir les codes" onclick="showSpoiler(this);" type="button" value="HTML CSS" />
<div class="inner" style="margin: 5px 20px; border: 1px dotted #6683A9; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: none; background-color: #fff;"><br /><a>HTML CSS</a> <!-------------------------Codepen----------------------------->
<div class="code">
<p>Texto, c&oacute;digo...</p>
<p>
<script src="//codepen.io/assets/embed/ei.js"></script>
</p>
</div>
<p><!-------------------Source--------------------------------></p>
<p><br /><a title="Mejor y &uacute;nico. Con amor. GloriaV" href="http://tutorialgloriav.eklablog.com/" target="_blank">Link</a></p>
<p><!-----------------Script js-spoiler------------------------------------------------>
<script>// <![CDATA[
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
// ]]></script>
</p>
</div>
</div>