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

187 votes293 views6 answers
Div background image
CSS
0 vote143 views1 answer
Media query change button text
CSS
86 votes127 views3 answers
Css tekst bold
CSS
0 vote179 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
0 vote191 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote129 views1 answer
Css design guideline
CSS
24 votes148 views1 answer
Css gradient animations
CSS
18 votes125 views2 answers
How to make a game engine
CSS
0 vote135 views1 answer
Body{text-align: center;}
CSS
22 votes126 views4 answers
Import font css from url
CSS