div{
letter-spacing: 2px;
} selector_name{
letter-spacing: 1px;
} pre {
line-height: 20px;
}<!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 :: add textcontent on hover |
| Css :: add space between flex items |
| Css :: add profile picture to a form in html and css |
| Css :: color td first row css |
| Css :: css if element is empty |
| Css :: css list in line |
| Css :: scss maps´ |
| Css :: css fade change coloir |
| Css :: hide the scrollbar in css if not overflow |
| Css :: block elements css |
| Css :: css affect other elements on hover |
| Css :: css background gradient |
| Css :: bootstrap mb |
| Css :: flex wrap tailwind |
| Css :: option tag center |
| Css :: css linkup |
| Css :: css focus-within |
| Css :: round the value of 2 decimals in java |
| Css :: background url with color css |
| Css :: how to put a circle in input |
| Css :: last child of last child tailwind |
| Css :: css print |
| Css :: color tr first row css |
| Css :: animate.css |
| Css :: matsnackbar background color |
| Css :: calculate using n nth-child |
| Css :: css saturate |
| Css :: change hover color link in wordpress |
| Css :: css interne |
| Css :: make image scale based on screen size |