1// There is no kerning property, but you can use letter-spacing
2div{
3 letter-spacing: 2px;
4}
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <title>Letter spacing in CSS</title>
6
7 <style>
8 .normal {
9 letter-spacing: normal;
10 }
11 .em-wide {
12 letter-spacing: 0.4em;
13 }
14 .em-wider {
15 letter-spacing: 1em;
16 }
17 .em-tight {
18 letter-spacing: -0.05em;
19 }
20 .px-wide {
21 letter-spacing: 6px;
22 }
23 </style>
24 </head>
25 <body>
26 <p class="normal">letter spacing</p>
27 <p class="em-wide">letter spacing</p>
28 <p class="em-wider">letter spacing</p>
29 <p class="em-tight">letter spacing</p>
30 <p class="px-wide">letter spacing</p>
31 </body>
32</html>
33
34<!-- /* Keyword value */
35 letter-spacing: normal;
36
37 /* <length> values */
38 letter-spacing: 0.3em;
39 letter-spacing: 3px;
40 letter-spacing: .3px;
41
42 /* Global values */
43 letter-spacing: inherit;
44 letter-spacing: initial;
45 letter-spacing: unset;
46-->