CSS text-indent 属性示例 -- CSS教程

梦之都 CSS教程,text-indent示例,正值向后缩,负值向前进.text-indent属性可以定义首行的缩进,是我们经常使用到的CSS属性.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="Content-Language" content="zh-CN" />
		<title>CSS text-indent 属性示例 -- CSS教程</title>
		<style type="text/css" media="all">
			p#indent
			{
				text-indent:2em;
				top:10px;
			}

p#unindent
			{
				text-indent:-2em;
				top:210px;
			}

p
			{
				width:150px;
				margin:3em;
			}
		</style>
	</head>

<body>
		<p id="indent">梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_text_indent/">text-indent</a></strong>示例,正值向后缩,负值向前进.text-indent属性可以定义首行的缩进,是我们经常使用到的CSS属性.</p>	
		<p id="unindent">梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_text_indent/">text-indent</a></strong>示例,正值向后缩,负值向前进.</p>	
	</body>
</html>