div{
letter-spacing: 2px;
} selector_name{
letter-spacing: 1px;
} <!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;
--> letter-spacing: 7px;| Code Example |
|---|
| Css :: Scrollbar inside a website |
| Css :: web3 button style |
| Css :: take out side bar in css |
| Css :: circle as a pseudo element |
| Css :: css ovel |
| Css :: mixed-blend-mode css all properties |
| Css :: debordement de texte css |
| Css :: patterns with css |
| Css :: image cut css |
| Css :: display inline |
| Css :: css change background color |
| Css :: highchart font family |
| Css :: font-style |
| Css :: How to add a pure css loading spinner |
| Css :: Deployer custom Options |
| Css :: css a little transparent |
| Css :: google font smooth |
| Css :: material form css |
| Css :: ui gradient |
| Css :: min function css |
| Css :: css font weight |
| Css :: outline offset css |
| Css :: blurring behind a div |
| Css :: generate css on scss save |
| Css :: css custom easing |
| Css :: twig country name |
| Css :: how to set box into another box using html and css |
| Css :: ausgewählter text farbe ändern css |
| Css :: css hide text indicator |
| Css :: flex index css |