Html 对中p元件不工作

我试图将p元素居中，但我所做的一切都不起作用。它在以前版本的页面上工作，但我不明白为什么它现在不工作

以下是html：

<div class="aligncenter">

<p class='alignleft'>
    <img src="images/about1.jpg" alt="cupcakes" style="width:300px;height=224px;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </p>
    <p class='alignright'>
    <img src="images/about4.jpg" alt="cupcakes2" style="width:300px;height=224px;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </p>
    </div>

.alignleft{
浮动：左；
宽度：300px；
颜色：#604209；
字体大小：粗体；
字号：18px；
}
.对{
浮动：对；
宽度：300px；
颜色：#604209；
字体大小：粗体；
字号：18px；
}
.aligncenter{
样式=宽度：800px；
保证金：0自动；
显示：内联块；
宽度：50%；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。


Lorem ipsum dolor sit amet，是一位杰出的献身者。

Put文本对齐：居中在类中.aligncenter。并放置显示：块，而不是内联块

.aligncenter {
  width:800px; 
  margin:0 auto;
  display: block;
  width: 50%;
  text-align: center;
}

---

这里是工作。

对我来说，如果你删除

显示：内联块，它就工作了来自
.aligncenter
<代码>内联块

将始终保留全部可用宽度（至少在没有其他内联块元素显示为“邻居”时，请参阅）

还请注意，像在

中那样使用

”

（单引号）不是有效的html样式（尽管大多数浏览器都接受）。您应该始终使用双引号：

---

希望这有帮助

您的CSS中有一些错误

在

aligncenter

类中，您已将

width

声明为800px，然后再次用50%覆盖它；您需要的是

minwidth

属性。设置min width将使min width保持在至少600px即可，因为它足以容纳总计为600px的左右对齐内容。如果总宽度小于1200px，则设置宽度50%将小于600px

还可以使用

display:inline block

不允许将内容居中。因为该属性用于填充浏览器的整个宽度，这显然是您不希望出现在这里的

而且

style=width:800px

真的存在于CSS中还是仅仅是一个打字错误

按如下所示更新您的

aligncenter

类，所有内容都应按预期工作

.alignleft{
浮动：左；
宽度：300px；
颜色：#604209；
字体大小：粗体；
字号：18px；
}
.对{
浮动：对；
宽度：300px；
颜色：#604209；
字体大小：粗体；
字号：18px；
}
.aligncenter{
宽度：50%；
最小宽度：600px；
保证金：0自动；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。


Lorem ipsum dolor sit amet，是一位杰出的献身者。

如果要将浮子居中，请拆下浮子。但我怀疑你不是那个意思，你想把内容放在中心。。。对吗？使用

.aligncenter{display:block；}

而不是

display:inline block当您将alignleft和alignright类应用于p元素时，您希望如何使它们居中？？您真的有
style=width:800px在你的CSS文件中？非常感谢。CSS中的style=位是一个打字错误，是的。这段代码很有效，它正是我想要做的，谢谢！
.aligncenter {
  width:800px; 
  margin:0 auto;
  display: block;
  width: 50%;
  text-align: center;
}