Html 是否有任何CSS来对齐方框/元素？

我见过有人说不要使用

一些文本

和

一些文本

，因为它们已经过时了，但我找不到任何CSS来对齐元素中的所有内容。我发现最接近它的是

text align:center但这只是对齐文本，而不是元素。是否有任何CSS允许您对齐元素

这是CSS。我想集中讨论的是
#editor
。这是一个
标签


@font-face{
字体家族：土匪；
src:url（“Bandits.ttf”）；
字体大小：粗体；
}
#编辑{
位置：绝对位置；
底部：35px；
左：35px；
宽度：800px；
高度：600px；
调整大小：无；
}
#见结果{
位置：绝对位置；
顶部：276px；
左：425px；
宽度：125px；
字母间距：2.7px；
字体大小：粗体；
背景色：#888；
文本对齐：居中；
衬垫顶部：6.5px；
垫底：6.5px；
光标：指针；
字体系列：Calibri；
}#请参见结果：悬停{
背景色：#阿巴巴；
}
标题{
文本对齐：居中；
字体大小：65px；
字体家族：土匪；
字母间距：2px；
}
要使方框水平居中，需要为其指定明确的宽度，然后将其边距设置为“0自动”：


.container{
边框：纯色2件浅蓝色；
宽度：600px；
高度：400px；
}
.中心{
边框：实心2px红色；
高度：200px；
/*定心CSS*/
宽度：200px；
保证金：0自动；
}

这个盒子放在中央
您可以在此处使用css flexbox进行垂直和水平定位



.flex容器{
显示：-webkit flex；
显示器：flex；
宽度：450px；
高度：250px；
背景颜色：浅灰色；
证明内容：中心；
文本对齐：居中；
对齐项目：居中；
}
.弹性项目{
背景颜色：矢车菊蓝；
宽度：100px；
高度：100px；
利润率：10px；
}

弹性项目1
弹性项目2
弹性项目3
取决于您要将什么放在中心位置。张贴您遇到问题的代码。对于所有可能的布局，没有一种解决方案。