<style>
  .blue { border: 1px solid blue; }
  .orange { border: 1px solid orange; }
  .repeat { margin: 8px; }
  </style>
<span style="color: red">10</span>
<template repeat="{{ list }}"></template>
<div class="blue repeat">first</div>
<div class="orange repeat">second</div>
<template if="{{ test }}"></template>
    Hello World
  <template if="{{ testFalse }}"></template>
<template repeat="{{ nullInstances }}"></template>
<div>10 test redblue test</div>
<a href="http://www.google.com/">http://www.google.com/</a>
<span on-test-event="handleTestEvent">
  <span id="target">Test event handler: event dispatch success</span>
</span>
<div class="[[ className ]]">[[ url ]]</div>