Test page 2

Centered red area with blue shadow
HTML text in wordpress.com code editor:


<div style="position:relative;width:100%;height:3em;border:1px solid black;">
<div style="position:absolute;left:30%;top:1em;right:30%;bottom:1em;background:red;text-height:1em;box-shadow:.5em .5em blue;">Centered red area with blue shadow</div>
</div>

Actual HTML text in Chrome «View page source»:


<div style="position:relative;width:100%;height:3em;border:1px solid black">
<div style="position:absolute;background:red;text-height:1em">Centered red area with blue shadow</div>
</div>

The following CSS inline properties are stripped:


left, top, right, bottom, box-shadow