Html 为什么这个分区没有居中？

我讨厌css

*{
边际：0px；
填充：0px；
}
.sekil1{
位置：相对位置；
顶部：40px；
左：10px；
宽度：400px；
高度：400px；
背景颜色：灰色；
}
.sekil1 img{
保证金：5px；
最大宽度：计算（100%-10px）；
高度：自动；
最大高度：计算（100%-10px）；
} 
sekiller先生{
利润率：10px 10px；
宽度：100px；
高度：100px；
浮动：左；
}
塞克勒先生{
位置：绝对位置；
顶部：40px；
左：410像素；
宽度：500px；
高度：400px；
背景：灰色；
}
埃兰巴斯利吉先生{
位置：绝对位置；
顶部：10px；
左：10px；
字体大小：20px；
}
哈钦达先生{
字体大小：20px；
位置：相对位置；
顶部：40px；
左边距：10px；
}

这是html


费哈德·萨蒂利尔

qiymet:22AZN

seher:baki

katagoriya:bir-sey

名称：066236487623864

伊兰哈克钦达：亚齐拉

我发现将网页视为包含内容的容器很有帮助。每一个元素都是一个容器，里面的内容都是子元素

无论你在页面上点击什么（img、按钮等），你都是在点击容器内的东西（div、p、a等）。（容器的另一个词是长方体，DOM是围绕容器构建的——这个超级简单的想法是理解CSS的关键）

Flexbox使在容器中居中放置物品变得非常容易。在下面的示例中，我们有一个div是页面的100%（宽度/高度100%）。我们希望将图像置于容器内的中心。因此，我们仅向父级（即div）添加以下内容：

*{margin:0；}
div{
高度：100vh；
宽度：100vw；
}
.灵活父母{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

---

哪个部门？有几个，这是什么“lorem ipsum”？

  display:flex;
  align-items:center;
  justify-content: center;