无法在HTML/CSS中居中文本

问题是（您可以在下面的图片中看到）“doner”，“Wallet”和“Amount”不在页面的中心。无法在HTML/CSS中居中文本

我试着改变边距和填充和移动div等等，但似乎没有任何工作，我不明白什么是错的或如何解决它。（很难在代码片段中看到，因为它不是全屏，所以我只是想给出一个链接到HTML

我能找到的唯一问题是当我检查谷歌浏览元素。当我将鼠标悬停在<div class="container">（div class="learn-more">下方的那个）上时，它显示div容器在右侧较宽，但我找不到原因！

感谢您的帮助！如果你需要任何澄清请问，我找不到任何东西在网上解决我的问题，所以我来到这里。

这里是我的意思，以及图片：

2017-09-24 Kook lord

请参阅如何制作[mcve]。问题不应该要求访问外部网站，因为它们往往会随着时间的推移而变化，并且无法控制这个网站，这使问题最终变得毫无意义。 – glennsl

拍摄完全正确，我很难展示一个代码，因为我真的不知道什么是错的，它看起来很重要，把它放在我的问题中。但我下次肯定会这样做，谢谢！ –

与您的代码的基本问题是标记。你正在使用引导&把一些div直接放在容器&，然后在这个div内的另一个容器。明白我的意思：

这里是从第三引导文档构建HTML时应该遵循前三个规则：

所以，我的建议是修改你的HTML布局，并使用Bootstrap来代替应用一些黑客。

从重新安排容器开始，将内容放入列中，并且所有包装将位于容器外或列内。

2017-09-24 08:42:02 Codeartist

完美，所以如果我只是改变类容器它应该工作正常。 –

提出要在一个div居中像

<div class="box">your content...</div>

在你的CSS

内容文件只需加上：

.box{ 

display:inline-block; 
position:relative; 
left:50%; 
transform:translateX(-50%); 

}

你也可以用你的3个标题的float left并设置相同的witdh和高度三个文本中心proprety

2017-09-24 08:33:06 Aotoki

回答