将图像和文本居中放在div中

Question

我在查看website上的某些项目时遇到了一些问题。 有问题的项目在密码短语生成器中（暗盒中的图像和文本元素）。我尝试了通常的边距：auto，所有不同的显示属性，text-align，align-self，align-content和align-items。没有用。

我也想知道是否有人知道如何在我们的图像下获取文本元素而不是右边的this is the code used for the generator。

感谢所有帮助

Answer 1

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

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

#passphraseBilder p {
    display: inline-block;
}

将p标记转换为内嵌或内联块，它会起作用; - ）

了解块和内联之间的区别：https://www.w3schools.com/html/html_blocks.asp

Answer 2

试试这个：

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

注意：我刚刚添加了您应添加或覆盖的属性。现有的房产必须在那里。