Html Can'；无法将div中的内容集中在页面上？

我试图使容器div中的图像、一些文本和表单居中，而不是左对齐，但是当我尝试浮动图像时，它只是向右或向左移动，文本变得一团糟

.header、.navBar、.pageTitle{
边际：0px；
填充：0px；
}
身体{
边际：0px；
填充：0px；
字体大小：20px；
背景色：#006464；
}
页脚{
背景色：#bfd8d8；
位置：绝对位置；
底部：0px；
宽度：100%；
字体大小：15px；
边框：1px纯黑；
}
导航，h1，h2{
字体系列：arial，无衬线；
}
导航a：悬停{
背景色：#006400；
}
导航a{
颜色：白色；
文字装饰：无；
}
氢{
文本对齐：居中；
背景色：白色；
}
#容器{
宽度：1000px；
保证金：自动；
最小高度：100vh；
位置：相对位置；
}
#报名{
颜色：白色；
字体大小：20px；
字体系列：arial；
}
#欢迎光临{
颜色：白色；
字体大小：25px；
字体系列：arial；
}
.当前导航{
背景色：#006400；
}
.电子邮件风格{
字体大小：粗体；
}
.页脚垫片{
高度：50px；
}
.标题{
颜色：白色；
背景色：#006400；
填充：20px；
}
海德兰乔先生{
文字装饰：无；
颜色：白色；
}
navBar先生{
背景色：#228B22；
填充：10px；
}
.pageTitle{
垫底：0px；
盒影：0px 8px 25px 0px；
背景色：#bfd8d8；
}
诗人{
颜色：白色；
字体大小：15px；
字体系列：arial；
字体：斜体；
}
.诗歌能力{
边缘顶部：50px；
颜色：白色；
字体大小：25px；
字体系列：佐治亚，衬线；
}
.重定尺寸{
最大高度：50%；
最大宽度：50%；
边缘顶部：50px；
边缘底部：50px；
}
.resizeHome酒店{
最大高度：50%；
最大宽度：50%；
边缘顶部：50px；
}
.调整照片大小{
最大高度：50%；
最大宽度：50%；
}
.桌子{
背景#006464；
最大宽度：100%；
边框：1px纯黑；
边界间距：10px；
左边距：自动；
右边距：自动；
}
.表格数据{
字号：19px；
背景#bfd8d8；
边框：1px纯黑；
填充：8px；
}

家-奇异效应
得到充分的效果！
欢迎来到奇效之家！


注册我们的时事通讯

&抄袭；2016年，克里斯休斯-SNHU。请致电克里斯托弗与我联系。hughes1@snhu.edu 

将此添加到CSS中：

#container {
    text-align: center;
}

如果您不希望所有内容都以这种方式居中，只需包装您所做的内容，并给容器一个

text align:center

将其添加到CSS中：

#container {
    text-align: center;
}

---

如果您不希望所有内容都以这种方式居中，只需将您所做的内容包装起来，并给容器一个

text align:center

在body标记中添加

text align:center

。试试看

body {
   text-align:center;
   margin: 0px;
   padding: 0px;
   font-size: 20px;
   background-color: #006464;
}

---

在body标签中添加

text align:center

。试试看

body {
   text-align:center;
   margin: 0px;
   padding: 0px;
   font-size: 20px;
   background-color: #006464;
}

---

请减少代码。确定哪个部分是相关的。请减少代码。确定哪一部分是相关的。