<div style="padding: 10px;">
<div style="padding: 5px; border-radius: 5px; border: 6px outset #F6CEEC; box-shadow: 0px 0px 10px #000000; background-color: hsla(285, 100%, 50%, 0.7); height: 100%; width: auto;">
<div style="padding: 11px;"><p style="text-align: center;"><strong><span style="color: #000000;">Fondo de color en HSLA con opacidad</span></strong></p>
<p>&nbsp;</p><p><span style="color: #000000;">background-color: hsla(285, 100%, 50%, 0.5);<br>border: 6px outset #F6CEEC;<br>background-color: hsla(285, 100%, 50%, 0.7); background-position: right center; </span></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></div></div></div>