Share this Page URL
Help

Chapter 10. Formatting With Styles > Controlling Spacing - Pg. 168

Chapter 10 Controlling Spacing You can add or reduce space between words (tracking) or between letters (kerning). To specify tracking: 1. Type word-spacing:. 2. Type length, where length is a number body {background:#9cf} h1, h2 {font: 20px "Arial Black", "Helvetica Bold", sans-serif; color:navy; letter-spacing:0.4em} h2 {font-size: 14px} p {font: 12px/150% "Verdana", "Helvetica", sans- serif; color:#909} .emph {font-style: italic; font-weight:bold} a:link {font-weight:bold; color:#cc00ff} a:visited {font-weight:normal} a:hover {font-weight:bold; color: #0000ff} #toc {font-size:12px; color:#cc00ff; background:#ccc} Figure 10.22 Here I've added .4em of extra space between letters (which at a font-size of 20px will mean an additional 5 pixels between each letter). with units, as in 0.4em or 5px. To specify kerning: 1. Type letter-spacing:. 2. Type length, where length is a number with units, as in 0.4em or 5px. Tips You may use negative values for word and letter spacing, although the actual