Editor de HTML y CSS en tiempo real

Stumbleuponando (bonito palabro me acabo de inventar ) me he encontrado un interesante editor online de HTML con el que poder ir viendo al instante las modificaciones que realicemos en nuestro código.

La página esta dividida en 2 frames en el superior es en el que vas escribiendo el código de tu página, y el resultado va apareciendo automáticamente en el frame inferior. Pero lo que le hace para mi realmente interesante es la posibilidad de definir también las CSS de cada uno de los elementos (capas, párrafos, listas, …)

Para los vaguetes, les dejo un código con varios ejemplos de HTML y con propiedades CSS que copiar y pegar para probar el editor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<style type="text/css">
  h1 {
  text-decoration:underline;
  color: gold;
  }
  ul {
  border: 3px dashed #333;
  background: #666;
  color: white;
  }
</style>
<h1>Titulo de prueba</h1>
<p>Lorem ipsum dolor sit amet...</p>
<ul>
<li>uno</li>
<li>dos</li>
<li>tres</li>
</ul>
<del>texto tachado</del>
<blockquote>una cita: Lorem ipsum</blockquote>