我找到了解决方案：
我删除了display: inline-block;，因为我只是从这个http://www.dynamicdrive.com/forums/showthread.php?66277-border-only-around-text-not-full-container-width
我改为：
width: 300px;，因为文本长度为300px
然后margin: auto;起作用了（当我进行display: inline-block;时它没有起作用。）现在它的边界不起作用了
覆盖了太多空间，而且居中
感谢所有尝试提供帮助的人
我希望边框不要占用太多不必要的空间，只覆盖文字即可。
所以我用了display: inline-block;。
what it looks like with display: inline-block;
但是它没有居中，所以我放了margin-left: 550px;和margin-right: 550px;。
现在它居中，但在我调整浏览器大小时会中断，并且在不同分辨率的显示器上可能偏离中心。如何使它像“ 1234”（下面的文字）那样可以自动调整大小？
image of when the browser is resized
谢谢。
答案 0 :(得分：-3)
margin: 0 auto;
为边距添加css，可能还需要设置宽度