css：文本应该居中，但事实并非如此，如果我增加边距，它就会变得居中......不合逻辑？

Question

这是我网站的另一部分，非常简单：

• 我有身体
• 我身体里面有一个div，我精确（CSS）：text-align:center;
• 我的p里面有一个小文字。
• 如果我要删除margin和padding，则文字的第一行不再居中（°_°）

我真的不明白：如果边距较少，则会有更多空间，所以文字应该保持居中！

以下是div（使用CSS）的图片：

以下是p内div的图片：仔细观察：边距为12像素，文字（第一行）不居中。

当我增加边距时，文本最终会居中：仔细观察：边距为13px，文本（第一行）居中!!

知道我应该做些什么来让一个小margin-top和一个小margin-bottom文本仍然正确居中？

如果我在overflow:hidden课程中添加.devis-description，则会给出以下内容：

Answer 1

尝试将margin: 0 auto;添加到<p>

Answer 2

尝试将overflow: hidden;和clear: both;添加到devis-description和devis-top。您还可以临时为它们两者添加纯黑色边框，以便清楚地看到边缘。我的猜测是，有些元素从其中一个元素流出并将文本推到一边。