Absolute vs. Relative Measurements : measurement : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » measurement »

Absolute vs. Relative Measurements


 

<html>
<head>
<title>Absolute vs. Relative Measurements</title>
<style type="text/css">
h1.absolute {font-size: 24pt; margin-left: 1.5in; margin-right: 1.5in; text-indent: .5in;}
h1.relative {font-size: 3.2em; margin-left: 15%; margin-right: 15%; text-indent: 5%;}
</style>
</head>
<body>
<h1 class="absolute">This headline uses all absolute measurements.</h1>
<h1 class="relative">This headline uses all relative measurements.</h1>
</body>
</html>