Javascript 在div中居中图像和文本

我在将一些项目集中在我的屏幕上时遇到了一些问题。 有问题的项目在密码短语生成器中（图像和文本元素位于黑框中）。我尝试了常用的边距：自动、所有不同的显示属性、文本对齐、自对齐、内容对齐和项目对齐。没有一个奏效

我还想知道是否有人知道如何将图片下方的文本元素放到右边

---

感谢所有帮助A

p

标记是块元素，因此默认宽度为100%。这就是为什么每行有一个元素

#passphraseBilder {
    text-align: center;
    display: block;
}

#passphraseBilder p {
    display: inline-block;
}

将

p

标记转换为内联或内联块，它将工作；-）

看看block和inline之间的区别：

试试这个：

#passphraseBilder {
   display:inline-block;
   width:100%;
}

---

注意：我刚刚添加了您应该添加或覆盖的属性。必须存在现有属性。

要居中显示什么？密码短语生成器中暗框中的图像和文本元素，然后删除显示：-webkit框；这成功了，谢谢！你知道我能做些什么来获得图像下面的文本吗？把你的图像和文本放在一个容器中（一个div），把你的div放在内联显示中，在你的div上，图像也必须是“块”和文本。如果这个答案对你有帮助的话，别忘了检查一下：-）那似乎不起作用。图像和文本现在垂直移动，容器背景没有覆盖元素。你能发送小提琴吗？