Letter spacing in css

Letter spacing css

div{
   letter-spacing: 2px; 
}

Kerning css

// There is no kerning property, but you can use letter-spacingdiv{
   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; 
-->

Source: developer.mozilla.org

Adjust text spacing css

 pre {
    line-height: 20px;
 }

-1

Similar codes

13 votes171 views2 answers
How to add background in css
CSS
15 votes207 views3 answers
Put an border around an text in css
CSS
35 votes171 views2 answers
How to blur background color in css
CSS
1 vote185 views1 answer
Css how to hyperlink
CSS
19 votes175 views9 answers
How to center a div
CSS
0 vote165 views1 answer
Fullpage.js change the color of the anchor
CSS
0 vote213 views1 answer
Padding is make biger elment
CSS
0 vote164 views1 answer
Vuetify input change outline color
CSS
11 votes190 views6 answers
Warning: LF will be replaced by CRLF in
CSS
7 votes172 views2 answers
Use text-align to justify the paragraph style
CSS