Editor Html online

Hola aqui les dejo un link en donde puenden checar cualquier codigo HTML sin necesidad de ingresar a tu blog, asi te ahorras mas tiempo en entrar y probar los codigos.

Checa con estos codigos de ejemplo, copia y pega en el programa.

http://htmledit.squarefree.com/

<style type="text/css"> body {margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:small;} #header { padding:20px; background:#333; border-bottom:1px solid #fff;} #header h1 { padding:0; margin:0; color:#ccc; font-family:Verdana, serif; font-weight:bold; font-size:190%;} #nav { float:left; width:100%; margin:0; padding:0; list-style:none; background:#ccc; border-bottom:1px solid #999;} #nav li { float:left; margin:0; padding:0;} #nav a { float:left; display:block; padding:6px 30px 6px 5px; text-decoration:none; font-weight:bold; font-size:90%; color:#666; background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAUHpWCB7T3fkRfgYdSnR72iqZ4QsnYuufA_calBQcgM8hyphenhyphenTuNa2fltCGEauSv0ElW_B8VAuYbW5ojdBsnmQNOS1LsQApNjrAhfFIYZxpMR8usVa3z2AAdatoTiXlmlUuaZgoxJCqtQ4M/s400/nav_slant.gif)no-repeat top right; } #nav #nav-1 a {padding-left:20px;} #nav a:hover {color:#000;} </style> <div id="header"> <h1>Desde aqui puedes checar tus codigos!</h1> </div> <ul id="nav"> <li id="nav-1"><a href="#">Inicio</a></li> <li id="nav-2"><a href="#">Directorio</a></li> <li id="nav-3"><a href="#">Contacto</a></li> <li id="nav-4"><a href="#">Acerca de</a></li> </ul>