<!DOCTYPE html>
<html>
<head>
   <title>Letter Spacing</title>
   <style>
     p{
           font-size:16px;
           color:navy;
           border:solid 1px orange;
           padding:5px;
     }
     b{
           color:red;
     }
   </style>
</head>
<body>
   <h3>Letter spacing dengan satuan normal</h3>
   <p style="letter-spacing:normal;">Paragraf ini menggunakan spasi huruf dengan <b>nilai normal..</b></p>
   
   <h3>Letter spacing dengan satuan px</h3>
   <p style="letter-spacing:-3px;">1.Paragraf ini menggunakan spasi huruf dengan <b>nilai -3px.</b></p>
   <p style="letter-spacing:1px;">2.Paragraf ini menggunakan spasi huruf dengan <b>nilai 1px.</b></p>
   <p style="letter-spacing:3px;">3.Paragraf ini menggunakan spasi huruf dengan <b>nilai 3px.</b></p>
   <p style="letter-spacing:6px;">4.Paragraf ini menggunakan spasi huruf dengan <b>nilai 6px.</b></p>
   <p style="letter-spacing:9px;">5.Paragraf ini menggunakan spasi huruf dengan <b>nilai 9px.</b></p>
   
   <h3>Letter spacing dengan satuan em</h3>
   <p style="letter-spacing:-0.3em;">1.Paragraf ini menggunakan spasi huruf dengan <b>nilai -0.3em.</b></p>
   <p style="letter-spacing:0.1em;">2.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.1em.</b></p>
   <p style="letter-spacing:0.2em;">3.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.2em.</b></p>
   <p style="letter-spacing:0.3em;">4.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.3em.</b></p>
   <p style="letter-spacing:0.4em;">5.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.4em.</b></p>
   <p style="letter-spacing:0.5em;">6.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.5em.</b></p>
   <p style="letter-spacing:0.6em;">7.Paragraf ini menggunakan spasi huruf dengan <b>nilai 0.6em.</b></p>
   
   <h3>Letter spacing dengan satuan mm</h3>
   <p style="letter-spacing:-1mm;">1.Paragraf ini menggunakan spasi huruf dengan <b>nilai -1mm.</b></p>
   <p style="letter-spacing:1mm;">2.Paragraf ini menggunakan spasi huruf dengan <b>nilai 1mm.</b></p>
   <p style="letter-spacing:2mm;">3.Paragraf ini menggunakan spasi huruf dengan <b>nilai 2mm.</b></p>
   <p style="letter-spacing:3mm;">4.Paragraf ini menggunakan spasi huruf dengan <b>nilai 3mm.</b></p>
   <p style="letter-spacing:4mm;">5.Paragraf ini menggunakan spasi huruf dengan <b>nilai 4mm.</b></p>
   <p style="letter-spacing:5mm;">6.Paragraf ini menggunakan spasi huruf dengan <b>nilai 5mm.</b></p>
   <p style="letter-spacing:6mm;">7.Paragraf ini menggunakan spasi huruf dengan <b>nilai 6mm.</b></p>
</html>


   p{
     font-size:16px;
     color:navy;
     border:solid 1px orange;
     padding:5px;
   }
   b{
     color:red;
   }