<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="p1">文本左对齐</p>
<p class="p2">文本居中对齐</p>
<p class="p3">文本右对齐</p>
</body>
</html>
p {
border: solid 1px #000;
}
.p1 {
text-align: left;
}
.p2 {
text-align: center;
}
.p3 {
text-align: right;
}
/*
文本对齐方式可以控制文本元素、行内元素、行内块元素进行对齐，不能控制块元素
浮动元素和定位元素也不受控制
*/