csstxt.com: Una ayuda para formatear textos

csstxt.com es un sitio donde ingresamos un texto y seleccionando una serie de opciones de formato, nos devuelven un código HTML que podemos usar en nuestra página web.

Contempla todas las propiedades que afectan los textos, tanto las elementales como font, text-align, text-decoration y text-weight, así como las menos usadas tales como letter-spacing, word-spacing y line-height. También podemos establecer colores, fondos, márgenes, etc.

En cualquier momento, Generate nos muestra una previsualización y el código resultante:

<p style="font-weight:normal;font-family:palatino linotype, palatino, serif;text-decoration:none;text-align:center;color:#DDEEFF;background-color:#556677;letter-spacing:-1pt;word-spacing:1pt;font-size:20px;line-height:1;border:dotted 2px #99AABB;padding:10px;">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>

Basta copiarlo y pegarlo tal cual o bien usar las definiciones de estilo que nos dan para aplicarlo a otros textos:

<style type='text/css'>
  .mycss{
    background-color: #556677;
    border: dotted 2px #99AABB;
    color: #DDEEFF;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    font-family: palatino linotype, palatino, serif;
    font-size: 20px;
    letter-spacing: -1pt;
    line-height: 1;
    padding:10px;
    word-spacing: 1pt;
  }
</style>

<p class="mycss">
  .......
</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

REFERENCIAS:wwwhatsnew.com