Letter Spacing in Headlines : Header : Basic Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Basic Tags » Header »

Letter Spacing in Headlines


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1" />
  <style type="text/css">

  h1 {
    font-family: Courier, "Courier New", monospace;
  }
  .compress {
    letter-spacing: -0.05em;
  }

  </style>
</head>
<body>
  <h1>This Is a Little Too Spread Out</h1>
  <h1 class="compress">This Is a Little Bit Better</h1>
</body>
</html>