html - 如何将此元素置于页面中央?我只能在彩色背景中将文本居中

标签 html css element center

它创建的正是我所需要的,但我无法将页面上的整个元素居中。居中只会使文本在背景色区域内居中。我做错了什么?

我尝试了许多不同的代码组合,但无法实现。

GROW YOUR BUSINESS WITH US
<h1 style="display: inline-block; text-align: center; background-color: #273b86; color: #ffffff; padding: 5px; border-radius: 5px; width: 640px;">GROW YOUR BUSINESS WITH US</h1>

我希望上面的整个元素在页面上居中。

最佳答案

您也可以将显示属性更改为 block 并为其添加 margin:auto! 我把它放在一个1000px宽度的div中供你查看,但你只需要h1

<div style="width:1000px;">

<h1 style="display: block; text-align: center; background-color: #273b86; color: #ffffff; padding: 5px; border-radius: 5px; width: 640px; margin:auto;">GROW YOUR BUSINESS WITH US</h1>

</div>

关于html - 如何将此元素置于页面中央?我只能在彩色背景中将文本居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54186865/

相关文章:

css - ie7 float div高度

javascript - EventSource/SSE(服务器发送事件)- 安全

internet-explorer - css3 Swing 动画在 IE 中不起作用

javascript - GetElementById Javascript 无法访问值

javascript - 是否可以隐藏父元素的父元素的子元素?

html - 如何放置 z-index div?

php - 使用 php 和 html 从我服务器上的目录填充 'select list'

css - 最大宽度 div 中的右对齐图像

jquery - 更改背景图像 div

comments - 如何添加 JMeter 注释 block 或元素?