embed-page demo - inline html

embed-page allows to run its content in insulation from host page, including CSS and JS.

NOTE: encapsulate the insulated content into TEMPLATE tag to prevent execution in page context.

Its HTML content could be set

statically by providing HTML with content within embed-page
dynamically via innerHTML or DOM injection
dynamically like via 'html' attribute ( see dynamic-binding.html demo)

1. This H3 element should NOT be in Courier(monospace) font and NOT in green

by setting content from from text area:

Visual demo steps

CSS
    1. The H3 header above should be intact(default) in color and text size.
    2. The H3 from embedded content should be in monospace font.
JS  3. Click on 'make blue' the embedded H3 should be blue colored.
    4. After 'innerHTML' click the H3 from embedded content should become green.