bachir
/
materio-base-d7


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style>
p {
  font-size: 150%;
}
div {
	page-break-after: always;
}
.example5 {
  letter-spacing: 5px;
}
.example4 {
  letter-spacing: 4px;
}
.example3 {
  letter-spacing: 3px;
}
.example2 {
  letter-spacing: 2px;
}
.example1 {
  letter-spacing: 1px;
}
.example_1 {
  letter-spacing: -1px;
}
.example_2 {
  letter-spacing: -2px;
}
.example_3 {
  letter-spacing: -3px;
}
.example_4 {
  letter-spacing: -4px;
}
.example_5 {
  letter-spacing: -5px;
}
</style>
</head>
<body>
	
<div style="text-align: left;">
<p class="example5">This has <strong>letter spacing</strong> of 5px</p>
<p class="example4">This has <strong>letter spacing</strong> of 4px</p>
<p class="example3">This has <strong>letter spacing</strong> of 3px</p>
<p class="example2">This has <strong>letter spacing</strong> of 2px</p>
<p class="example1">This has <strong>letter spacing</strong> of 1px</p>
<p>This has <strong>normal letter</strong> spacing</p>
<p class="example_1">This has <strong>letter spacing</strong> of -1px</p>
<p class="example_2">This has <strong>letter spacing</strong> of -2px</p>
<p class="example_3">This has <strong>letter spacing</strong> of -3px</p>
<p class="example_4">This has <strong>letter spacing</strong> of -4px</p>
<p class="example_5">This has <strong>letter spacing</strong> of -5px</p>
</div>
  
<div style="text-align: right;">
<p class="example5">This has <strong>letter spacing</strong> of 5px</p>
<p class="example4">This has <strong>letter spacing</strong> of 4px</p>
<p class="example3">This has <strong>letter spacing</strong> of 3px</p>
<p class="example2">This has <strong>letter spacing</strong> of 2px</p>
<p class="example1">This has <strong>letter spacing</strong> of 1px</p>
<p>This has <strong>normal letter</strong> spacing</p>
<p class="example_1">This has <strong>letter spacing</strong> of -1px</p>
<p class="example_2">This has <strong>letter spacing</strong> of -2px</p>
<p class="example_3">This has <strong>letter spacing</strong> of -3px</p>
<p class="example_4">This has <strong>letter spacing</strong> of -4px</p>
<p class="example_5">This has <strong>letter spacing</strong> of -5px</p>
</div>
  
<div style="text-align: center;">
<p class="example5">This has <strong>letter spacing</strong> of 5px</p>
<p class="example4">This has <strong>letter spacing</strong> of 4px</p>
<p class="example3">This has <strong>letter spacing</strong> of 3px</p>
<p class="example2">This has <strong>letter spacing</strong> of 2px</p>
<p class="example1">This has <strong>letter spacing</strong> of 1px</p>
<p>This has <strong>normal letter</strong> spacing</p>
<p class="example_1">This has <strong>letter spacing</strong> of -1px</p>
<p class="example_2">This has <strong>letter spacing</strong> of -2px</p>
<p class="example_3">This has <strong>letter spacing</strong> of -3px</p>
<p class="example_4">This has <strong>letter spacing</strong> of -4px</p>
<p class="example_5">This has <strong>letter spacing</strong> of -5px</p>
</div>
  
<div style="text-align: justify;">
<p class="example5">This has <strong>letter spacing</strong> of 5px. This has <strong>letter spacing</strong> of 5px. This has <strong>letter spacing</strong> of 5px. </p>
<p class="example4">This has <strong>letter spacing</strong> of 4px. This has <strong>letter spacing</strong> of 4px. This has <strong>letter spacing</strong> of 4px. </p>
<p class="example3">This has <strong>letter spacing</strong> of 3px. This has <strong>letter spacing</strong> of 3px. This has <strong>letter spacing</strong> of 3px. </p>
<p class="example2">This has <strong>letter spacing</strong> of 2px. This has <strong>letter spacing</strong> of 2px. This has <strong>letter spacing</strong> of 2px. </p>
<p class="example1">This has <strong>letter spacing</strong> of 1px. This has <strong>letter spacing</strong> of 1px. This has <strong>letter spacing</strong> of 1px. </p>
<p>This has <strong>normal letter</strong> spacing. This has <strong>normal letter</strong> spacing. This has <strong>normal letter</strong> spacing. </p>
<p class="example_1">This has <strong>letter spacing</strong> of -1px. This has <strong>letter spacing</strong> of -1px. This has <strong>letter spacing</strong> of -1px. </p>
<p class="example_2">This has <strong>letter spacing</strong> of -2px. This has <strong>letter spacing</strong> of -2px. This has <strong>letter spacing</strong> of -2px. </p>
<p class="example_3">This has <strong>letter spacing</strong> of -3px. This has <strong>letter spacing</strong> of -3px. This has <strong>letter spacing</strong> of -3px. </p>
<p class="example_4">This has <strong>letter spacing</strong> of -4px. This has <strong>letter spacing</strong> of -4px. This has <strong>letter spacing</strong> of -4px. </p>
<p class="example_5">This has <strong>letter spacing</strong> of -5px. This has <strong>letter spacing</strong> of -5px. This has <strong>letter spacing</strong> of -5px. </p>
</div>

</body> </html>