Change the letter spacing of the words

In this example we change the letter spacing using CSS attribute letter-spacing .

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Letter spacing in paragraph</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
 

p.BigLetterSpacing {
  letter-spacing: 1.5em;
}

p.SmallLetterSpacing {
  letter-spacing: -0.2ex;
}
</style>


</head>
     
<body>
     <p>
      In this example we show the usage of 
      the letter spacing CSS attribute on the words. 
     </p>
<p class="BigLetterSpacing">
This paragraph uses big letter spacing value
</p>
<p class="SmallLetterSpacing">
This paragraph uses small letter spacing value
</p>
 
</body>
</html>

 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Change the letter spacing of the words
Change the word spacing in paragraph -
enlarge first letter in html paragraph -
sort words in c++ -
probability of repeated words -
get number of words in a string -
Breaking the String into Words -
Return words count in a string -
How to change the JAR Icon -
Change cursor to help -
change the MAC address -

Topic Tags

HTML Paragraph

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com