Set letter-spacing to 2px in HTML and CSS

Description

The following code shows how to set letter-spacing to 2px.

Example


<!--from   ww w.  j a  va  2s . co m-->
<html>
<html>
<head>
<title>css typography</title>
<style type="text/css">

p {
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 16px;
letter-spacing: 2px;
word-spacing: 10px;
}

</style>
</head>
<body>
<h1>this is a test. </h1>
<h2>this is a test. </h2>
<p>this is a test. <strong>this is a test. </strong> this is a test. </p>
<p>this is a test. </p>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set letter-spacing to 2px in HTML and CSS

Home »
  HTML CSS Tutorial »
    Text »
      CSS Text Style

...
Set font size and color for 'first-letter' ...
Set font size and color for 'first-line' in...
Set negative text indent for list item in H...
Set paragraph to text-indent 3em in HTML an...
Set text-indent to 10% in HTML and CSS
Set text-indent to -25px in HTML and CSS
Set text-indent to 25% in HTML and CSS
Set text-indent to -5% in HTML and CSS
Use margin to indent paragraph in HTML and ...
Set letter-spacing to 10px; in HTML and CSS

Set letter-spacing to 2px in HTML and CSS