Свойство CSS letter-spacing отвечает за расстояние между буквами (символами) в html. Мы можем их либо сближать (отрицательное значение), либо наоборот отдалять (положительные значения).


Синтаксис CSS letter-spacing


letter-spacing: значение | normal | inherit ;
Где:
значение - расстояние между буквами. Можно задавать в пикселях (px), дюймах (in), пунктах (pt), а также в относительных единицах (em, ex).
normal (по умолчанию) - обычное расстояние между буквами
inherit - принять значение предка (родителя)


Как изменить расстояние между буквами в html

Пример как это выглядит

[html]
<html>
<head>
<style>
.primer1{
letter-spacing: 7px;
font-size: 14px;
}
.primer2{
letter-spacing: 0.4em;
font-size: 14px;
}
.primer3{
letter-spacing: 0.75em;
font-size: 14px;
}
.primer4{
letter-spacing: -0.1em;
font-size: 14px;
}
.primer5{
letter-spacing: 0;
font-size: 14px;
}
.primer4{
letter-spacing: -1px;
font-size: 14px;
}
</style>
</head>
<body>
<div class="primer1">Пример №1. Значение letter-spacing:7px;</div>
<div class="primer2">Пример №2. Значение letter-spacing:0.4em;</div>
<div class="primer3">Пример №3. Значение letter-spacing:0.75em;</div>
<div class="primer4">Пример №4. Значение letter-spacing:-0.1em;</div>
<div class="primer5">Пример №5. Значение letter-spacing:0;</div>
<div class="primer6">Пример №6. Значение letter-spacing:-1px;</div>
</body>
</html>
[/html]

Вот код

Код:
<html>
<head>
<style>
	.primer1{ 
	letter-spacing: 7px;
	font-size: 14px;
	}
	.primer2{ 
	letter-spacing: 0.4em;
	font-size: 14px;
	}
	.primer3{ 
	letter-spacing: 0.75em;
	font-size: 14px;
	}
	.primer4{ 
	letter-spacing: -0.1em;
	font-size: 14px;
	}
	.primer5{ 
	letter-spacing: 0;
	font-size: 14px;
	}
	.primer4{ 
	letter-spacing: -1px;
	font-size: 14px;
	}
</style>
</head>
<body>
	<div class="primer1">Пример №1. Значение letter-spacing:7px;</div> 
	<div class="primer2">Пример №2. Значение letter-spacing:0.4em;</div>
	<div class="primer3">Пример №3. Значение letter-spacing:0.75em;</div>
	<div class="primer4">Пример №4. Значение letter-spacing:-0.1em;</div>
	<div class="primer5">Пример №5. Значение letter-spacing:0;</div>
	<div class="primer6">Пример №6. Значение letter-spacing:-1px;</div>
</body>
</html>

[good]