它恰好创建了我需要的内容,但是我无法将页面的整个元素居中。居中只会使文本在背景彩色区域内居中。我究竟做错了什么?
我尝试了许多不同的代码组合,但无法完成这项工作。
与我们一起发展您的业务
<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>
我希望上面的整个元素都集中在页面上。
最佳答案
您也可以只更改显示属性以阻止并添加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>