Título de la página: Diseño modificable con CSS y JavaScript
Texto alternativo para
esta imagen.

Para lanzar el diseñador, hay que pinchar en la fotografía.

¡IMPORTANTE!: Al cerrar esta ventana se perderán todos los cambios hechos.

Hay un primer "<p></p>" vacío para que el margin no afecte a la primera línea del primer párrafo.

La paleta de color sólo funciona con Explorer, porque no es JavaScript, sino VBScript, al igual que la función para copiar al portapapeles.

Se puede aplicar un estilo distinto a cada borde (superior, derecho, inferior, izquierdo): border-top: 4px inset #color1; border-right: 8px dotted #color2; etc.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla condimentum commodo orci. Nulla eget purus nec massa cursus ullamcorper. Donec quis justo. Pellentesque fermentum. Etiam pharetra, ipsum eget faucibus malesuada, ante elit tristique nibh, ut commodo sem dolor aliquam ante. Aliquam ut leo rhoncus arcu dictum sodales. Morbi viverra, dui vel mollis iaculis, urna libero tincidunt leo, nec interdum ligula lacus congue lacus. Nam porttitor, nibh quis scelerisque lobortis, neque diam consectetuer magna, sit amet mattis diam quam vitae erat. Donec wisi tortor, lacinia et, blandit nec, semper nec, urna. Aliquam erat volutpat.

Aliquam erat volutpat. Sed ac augue non libero commodo lacinia. Morbi molestie augue at felis. Mauris ornare, est ac imperdiet vehicula, tortor dui sagittis lacus, sed tempor lorem tellus ut turpis. Donec dui est, rhoncus sit amet, bibendum sed, rutrum sit amet, ligula. Suspendisse ac sapien ac mi posuere rutrum. Vivamus sollicitudin, mi eu vehicula convallis, sem magna blandit purus, id pellentesque augue dui vitae urna. Nam imperdiet. Curabitur libero. Suspendisse sodales sem in nunc. Proin diam augue, nonummy non, posuere in, lacinia eget, pede. Pellentesque felis sem, cursus mattis, commodo et, condimentum egestas, quam. Morbi lacinia. Praesent pulvinar elit vitae arcu. Integer sagittis metus ut justo. Etiam pharetra adipiscing nunc.

Pie de página - © Luciano 2005 - luciano.es

Este párrafo corresponde sólo al div pagina. Y este párrafo es tan largo para probar las alineaciones que puede tener, que son: alineación al centro, alineación a la izquierda, alineación a la derecha y alineación justificada. Vamos a escribir un poco más para que acabe ocupando tres líneas.