Html 在圆角矩形内垂直和水平居中文本

我想在圆角矩形内（垂直和水平）居中文本，并在页面上也居中此横幅，不知道如何使其正确。其他元素也需要居中。请建议如何正确制作。 以下是代码：

#包装器{
位置：相对位置；
宽度：80%；
保证金：自动；
文本对齐：居中；
垂直对齐：中间对齐；
}
#科内尔斯{
边界半径：15px；
边框：6px实心#ffffff；
填充：20px；
宽度：450px；
高度：40px；
}
身体{
背景图片：url（images/blaunew.png）；
背景色：#001b33；
颜色：#ffffff；
字体系列：“Roboto”；
字体大小：14px；
}
#科内尔斯{
字体系列：“Roboto”；
字体大小：48px；
字号：700；
字体风格：普通；
赫尔维蒂卡，
无衬线；
}
p{
字体系列：“Roboto”；
字体大小：32px；
赫尔维蒂卡，
无衬线；
}
梅因先生{
利润率最高：20%；
//字体大小：35px；
}
页脚{
字体大小：14px；
}

中心结构
居中文本1
同侧阴唇

&抄袭；同侧阴唇

移除

宽度：450px和
高度：从
#rcorner
到40px

否则，如果您想保持450px宽，可以将
边距：auto
添加到
#rcorner
。它会解决你的问题


@导入url（'https://fonts.googleapis.com/css?family=Roboto:400,700');
#包装纸{
位置：相对位置；
宽度：80%；
保证金：自动；
文本对齐：居中；
垂直对齐：中间对齐；
}
#科内尔斯{
边界半径：15px；
边框：6px实心#ffffff；
填充：20px；
/*宽度：450px；
高度：40px*/
}
身体{
背景图片：url（images/blaunew.png）；
背景色：#001b33；
颜色：#ffffff；
字体系列：“Roboto”；字体大小：14px；
}
#科内尔斯{
字体系列：“Roboto”；字体大小：48px；字体重量：700；字体样式：普通；Helvetica，无衬线；
}
p{
字体系列：“Roboto”；字体大小：32px；Helvetica，无衬线；
}
.main{
利润率最高：20%；
//字体大小：35px；
}
页脚{
字体大小：14px；
}

居中文本1
同侧阴唇

&抄袭；同侧阴唇
移除
宽度：450px和
高度：从
#rcorner
到40px

否则，如果您想保持450px宽，可以将
边距：auto
添加到
#rcorner
。它会解决你的问题


@导入url（'https://fonts.googleapis.com/css?family=Roboto:400,700');
#包装纸{
位置：相对位置；
宽度：80%；
保证金：自动；
文本对齐：居中；
垂直对齐：中间对齐；
}
#科内尔斯{
边界半径：15px；
边框：6px实心#ffffff；
填充：20px；
/*宽度：450px；
高度：40px*/
}
身体{
背景图片：url（images/blaunew.png）；
背景色：#001b33；
颜色：#ffffff；
字体系列：“Roboto”；字体大小：14px；
}
#科内尔斯{
字体系列：“Roboto”；字体大小：48px；字体重量：700；字体样式：普通；Helvetica，无衬线；
}
p{
字体系列：“Roboto”；字体大小：32px；Helvetica，无衬线；
}
.main{
利润率最高：20%；
//字体大小：35px；
}
页脚{
字体大小：14px；
}

居中文本1
同侧阴唇

&抄袭；同侧阴唇
要居中按钮，请添加
页边距：0 auto
，要居中文本，我想您可以使用flexbox轻松完成。代码将类似于：

#rcorners {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
}

您可以在此处阅读有关使用flexbox居中的更多信息：
要居中按钮，请添加
边距：0 auto
，要居中文本，我想您可以使用flexbox轻松完成。代码将类似于：

#rcorners {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
}

您可以在此处阅读有关使用flexbox居中的更多信息：
我已经编辑了您的CSS。但我不明白你为什么要在你的Corners元素上加高度。希望这对你有帮助

CSS

我已经编辑了你的CSS。但我不明白你为什么要在你的Corners元素上加高度。希望这对你有帮助

CSS

@minto您有要对齐中心（垂直或水平）的动态数据吗？只有静态文本。@minto，但在这个div中，文本是水平和垂直对齐的。您到底想要什么？@minto您有要对齐中心（垂直或水平）的动态数据吗？只有静态文本。@minto，但在这个div中，文本是水平和垂直对齐的。你到底想要什么？如果不限制按钮的宽度，它将扩展到
#wrapper
（1066px）的全宽。如果不限制按钮的宽度，它将扩展到
#wrapper
（1066px）的全宽