q0rban · October 25, 2012 12:58
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE html>
 <html>
 <head>
 <title>Line Height Test</title>
 <style type="text/css">
 .with-ems {
  font-size: 100%; /* 16px */
  line-height: 1.5em;
 }
 .without-ems {
  font-size: 100%;
  line-height: 1.5;
 }
 .small {
  font-size: .5em;
 }
 </style>
 </head>

 <body>
  <div class="with-ems">
    <h1>Line height 1.5em on parent div</h1>
    <p>
    Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
    </p>
    <p class="small">
    Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
    </p>
  </div>
  <div class="without-ems">
    <h1>Line height 1.5 on parent div</h1>
    <p>
    Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
    </p>
    <p class="small">
    Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
    </p>
  </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Line Height Test</title>
	<style type="text/css">
	.with-ems {
	font-size: 100%; /* 16px */
	line-height: 1.5em;
	}
	.without-ems {
	font-size: 100%;
	line-height: 1.5;
	}
	.small {
	font-size: .5em;
	}
	</style>
	</head>

	<body>
	<div class="with-ems">
	<h1>Line height 1.5em on parent div</h1>
	<p>
	Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
	</p>
	<p class="small">
	Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
	</p>
	</div>
	<div class="without-ems">
	<h1>Line height 1.5 on parent div</h1>
	<p>
	Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
	</p>
	<p class="small">
	Integer vel lectus lacus, sed interdum turpis. In ut egestas turpis. Quisque magna turpis, molestie sed ultricies a, egestas quis est. Duis ultrices, enim a fringilla auctor, orci sapien tempus eros, sed sollicitudin lectus arcu rhoncus nisi. Etiam porttitor, sapien ac pharetra cursus, odio nulla iaculis sem, vitae tincidunt eros lectus quis elit. Nunc lobortis rhoncus purus vitae consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vulputate, felis ut adipiscing convallis, dui lacus molestie odio, ut mollis tellus metus quis lacus. Integer venenatis congue magna elementum fermentum. Donec a dui lorem. Class aptent taciti.
	</p>
	</div>
	</body>
	</html>
No results found