读《HTML之路》第1、2章 笔记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Text-align, text-indent, word and letter spacing</title>
<style type="text/css" media="all">
body {
font: 150% arial, helvetica, sans-serif;
}
#p5 {
text-indent: 2em; /*首行缩减2em*/
word-spacing: 1em;/*词间距*/
}
#p6 {
text-align: justify; /*设置块级文字的水平对齐方式:left(默认形式),right右对齐,center居中,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>
</body>
</html>
运行结果: