RichInStyle.com test pages: dynamic effects - outline-width

Connection of outline

This should have an outline.
As should this.

The outline should go around the text and should be fully connected. Precisely like this:

_____________________________
|This should have an outline.|
|As should this.+------------+
+---------------+

A heading

A paragraph

With the above, the heading should have straight sidea and should be fully connected.

Position of outline test

This is a dummy - see what it looks like.

Outlined.

The above element should have the top of its outline exactly on top of the red background of the element above - the top element has a height of 10px set both via height and line-height for double security and there is no margin between. The outline is drawn on top of the border edge, which means a 10px outline will exactly line up with the top of the P element.