HTML Dog
Skip to navigation

Spacing out text

text-align, text-indent, word-spacing, and letter-spacing properties.

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Text-align, text-indent, word and letter spacing</title>
	<style>
		body {
			font: 150% arial, helvetica, sans-serif;
		}
		#p5 {
			text-indent: 2em;
			word-spacing: 1em;
		}
		#p6 {
			text-align: justify;
			letter-spacing: 0.1em;
		}
	</style>
</head>
<body>
	<p id="p5">Even leaving aside the astounding nutritional package, the taste explosion and texture of a well cooked pea is undeniably enough to award this deceptively simple seed the gold-medal of the foodstuff Olympics.</p>
	<p id="p6">There is debate surrounding the tampering of the form of the original spherical vegetable. The question as to whether the 'mushy' pea is sacrilege or an innovative approach to re-package the perfect product is a sensitive issue. A similar argument arises when approaching the relatively new craze of mangetout. In-depth study is required, but for now it is too early to assess the true importance of this baby pea pod.</p>

	<!-- Link back to HTML Dog: -->
	<p><a href="http://www.htmldog.com/examples/"><img src="http://www.htmldog.com/badge1.gif" alt="HTML Dog"></a></p>
</body>
</html>

Output

View original