<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Examples of font-size and line-height</title> <style type="text/css"> body { font-size: 12px; } h1 { font-size: 1em; line-height: 1.5; font-weight: bold; margin: 1em 0 0 0; } p { margin: 0; width: 33em; } p.one { font-size: 1em; line-height: 1.5em; } p.two { font-size: 1.2em; line-height: 1.5em; } </style> </head> <body> <h1>Size: 1em, line-height: 1.5em</h1> <p class="one"> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> <h1>Size: 1.2em, line-height: 1.5em</h1> <p class="two"> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p>