Letter Spacing Css

letter spacing css
div{
letter-spacing: 2px;
}
kerning css
// There is no kerning property, but you can use letter-spacing
div{
letter-spacing: 2px;
}
letter spacing css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Letter spacing in CSS</title>

<style>
.normal {
letter-spacing: normal;
}
.em-wide {
letter-spacing: 0.4em;
}
.em-wider {
letter-spacing: 1em;
}
.em-tight {
letter-spacing: -0.05em;
}
.px-wide {
letter-spacing: 6px;
}
</style>
</head>
<body>
<p class="normal">letter spacing</p>
<p class="em-wide">letter spacing</p>
<p class="em-wider">letter spacing</p>
<p class="em-tight">letter spacing</p>
<p class="px-wide">letter spacing</p>
</body>
</html>

<!-- /* Keyword value */
letter-spacing: normal;

/* <length> values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

/* Global values */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;
-->

Leave a Comment