Html 一个元素在另一个元素之上，但居中，文本缩放，固定宽度和高度？

如何将一个元素置于另一个元素之上，但仍保持固定大小？我试过了，但它没有限制文本的宽度和中心。当有很多符号时，文本会超出边界

此外，如何根据容器的宽度缩放文本

html{
背景颜色：灰色；
颜色：白色；
}
.警报{
位置：相对位置；
浮动：对；
宽度：369；
身高：123；
填充：5%；
}
.留言{
保证金：5px；
单词break：打破一切；
背景色：黑色；
文本对齐：居中；/*不起作用*/
/*字体缩放取决于字符数*/
}
.邮件容器{
最大宽度：246px；
最大高度：123px；/*不工作*/
位置：绝对位置；
}
.视频{
背景颜色：黄色；
宽度：369px；
高度：123px；
}

{name}正在跟踪！FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF