HTML+；框中的CSS文本

我遇到了css和html的问题。我需要将文本放在方框的中心。当我放置文本时，所有的框都在底部。 这是我的密码

.box{
宽度：100px；
高度：100px；
背景：#cce；
显示：内联块；
左边距：10px；
}

头衔

添加

垂直对齐：顶部和
文本对齐：居中
到
.box
如下：


.box{
宽度：100px；
高度：100px；
背景：#cce；
显示：内联块；
左边距：10px；
垂直对齐：顶部；
文本对齐：居中；
}

头衔

要使块中的文本居中，请添加
文本对齐：居中


.box{
宽度：100px；
高度：100px；
文本对齐：居中；
垂直对齐：顶部；
背景：#cce；
显示：内联块；
左边距：10px；
}

头衔

要使文本垂直和水平居中，而不关心文本长度，可以使用表格单元格方法，如


.box{
宽度：100px；
高度：100px；
背景：#cce；
浮动：左；
左边距：10px；
显示：表格；
}
.方框p{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
}

头衔