html - 内联 div 不在服务器上另一个 div/部分的中心，但在本地主机上很好

Question

这是网站和我遇到问题的部分 https://kas-test.000webhostapp.com/volonteri.html

我使用内联标签的顶部可以工作，但它不像底部那样位于中心，也在 kontakt.html 上..一切都偏离了轨道，而当我在本地主机上运行相同的代码时，一切看起来都很好..

这是本地主机的图片:

它完美地位于中心.. 为什么？

Answer 1

我确实建议您开始使用网格系统 (bootstrap has a good one)。 blockquote 也不是制作“左边框”的好方法，您可以使用 border-left: 5px solid black

但是如果您只想“修复”您的代码，您可以通过以下方式更新它:

.inline {
  display: inline-block;
  width: calc(50% - 30px); // new
  max-width: 500px; // new
  margin: 15px;
  float: left;
}

blockquote {
  text-align: justify;
  border-left: 5px solid black;
  border-radius: 3px;
  padding-left: 20px; // new
}

干杯，