Html 如何在div容器中居中放置元素

我一直在尝试将文本居中，我尝试了文本对齐 页边距：0自动，，，我认为这与body{margin:0}有关 附言：只是练习复制模板

Acme网页设计之家
收割台h1{
页边距顶部：50px；浮动：左侧；填充：20px 0 20px 20px；
字体大小：40px；
}
标题{背景色：35424a；边框底部：橙色实心5px；颜色：白色；
高度：150px；宽度：100%；颜色：白色；}
ul{float:right；}
正文{页边距：0}
ul li{显示：内联块；填充：30px；字体大小：30px；边距：35px 0px 80px 0px；}
标题a{文本装饰：无；颜色：白色}
.container{边距：自动；宽度：90%；}
.showcase{边距：0自动；宽度：90%；文本对齐：居中；}
Acme网页设计





价格合理的专业网页设计
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个非常好的例子。Nulla nec magna sit amet sem interdum调味品。

订阅我们的新闻信
订阅

您应该尝试以下方法：

.showcase{
保证金：0自动；
宽度：90%；
文本对齐：居中；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}

好的，可以用两种方法（好的，更多）对元素进行定心。您可以使用

标记或使用css：

<style>
.showcase {
width: 100%;
height: auto;
min-height: 300px;
padding-left: 30%;
padding-right: 30%;
padding-top: 30%;
padding-bottom: 30%; /* Change this to suit you :) */
}
</style>
<div class="showcase">
<p> Content </p>
</div>

.展示{
宽度：100%；
高度：自动；
最小高度：300px；
左：30%；
右：30%；
填充顶部：30%；
填充底部：30%；/*更改此选项以适合您：）*/
}
内容

使用

填充：/*%*/

在节内移动元素

祝您的项目好运：）

---

祝您度过愉快的一天。

在花了一些时间之后，我使用了inspector工具，发现我的文本从中缠绕在浮动上，这就是文本似乎无法在页面中居中的原因，不得不将所有内容重写得很糟糕：///p>您想居中吗？showcase div，希望和在其中居中

{display:flex；align content:center；align items:center；}

您的HTML无效。您的

应该在

之后，中间没有任何内容