css如何让文字居中

在css中实现文字居中的方法：1.使用line-height属性设置文字居中；2.使用text-align属性设置文字居中；

在css中实现文字居中的方法

1.使用line-height属性实现文字居中

页面布局：

<divid="out">
<divid="in">文字</div>
</div>

css样式：

#in{
width:300px;
height:300px;
background:paleturquoise;
line-height:300px;
}

2.使用text-align属性实现文字居中

页面布局：

<divid="out">
<divid="in">文字</div>
</div>

css样式：

#in{
width:400px;
height:100px;
background:pink;
text-align:center;
}