Javascript 我如何将标题居中？

我的标题“sKoolTalk”不合适，我尝试了几种方法将其居中，但没有成功。我试着使用position:absolute并对齐它，但它没有响应。我希望标题是这样的：

这是我的密码：

函数DisplaySignError（）{
var schoolName=document.getElementById（'schoolNameBox'）.value.toLowerCase（）；
开关（学校名称）{
“新地平线gurukul”案例：
window.location=“NHGLogin.php”；
打破
违约：
var schoolErrorMessage=document.getElementById（'schoolErrorMessage'）；
schoolErrorMessage.innerHTML=“请输入有效的学校名称，如果无效的学校名称不存在，仍然如此。”；
schoolErrorMessage.style.color='red'；
}
}

@导入url('https://fonts.googleapis.com/css?family=Catamaran:100，200300400500600700800900 | Droid+Sans:400700 | Josefin+Sans:100100i，300300300i，400400i，600600i，700700i | Open+Sans:300300i，400400i，600600i，700700i，800800i |氧气：300400700 | Roboto:100100i，300300300300300i，400400i，500500500i，700700700i | Ubuntu:300300300i，400i，500500i，700i |；
身体{
高度：100vh；
}
#阿布希曼尤{
z指数：-1；
背景颜色：绿色；
宽度：50%；
浮动：左；
身高：50%；
}
#阿琼{
z指数：-1；
背景颜色：橙色；
宽度：50%；
浮动：对；
身高：50%；
}
#比姆{
z指数：-1；
背景色：红色；
宽度：50%；
浮动：左；
身高：50%；
}
#埃克拉维亚{
z指数：-1；
背景颜色：紫色；
浮动：对；
宽度：50%；
身高：50%；
}
#容器{
宽度：30em；
背景色：#eee；
高度：30公分；
边界半径：50%；
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
}
#包装纸{
宽度：30雷姆；
高度：30雷姆；
边界半径：50%；
}
#学校提交按钮{
利润上限：35px；
文本对齐：居中；
背景色：白色；
边框：2px实心#fef；
高度：2米；
宽度：10em；
}
#学名{
边缘底部：40px；
位置：固定；
最高：60%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
文本对齐：居中；
}
#校名箱{
高度：2米；
边界：无；
宽度：26em；
左边距：0；
左侧填充：10px；
}
#学校提交按钮p{
位置：相对位置；
最高：50%；
位置：相对位置；
最高：30%；
左：50%；
转换：翻译（-50%，-70%）；
转换：-webkit翻译（-50%，-70%）；
转换：-ms转换（-50%，-70%）；
}
/*
：-webkit输入占位符{
左侧填充：10px；
}
：-moz占位符{
左侧填充：10px；
}
：-ms输入占位符{
左侧填充：10px；
}
*/
#学校错误信息{
文字装饰：无；
位置：相对位置；
顶部：6em；
颜色：黑色；
宽度：140%；
浮动：左；
字体大小：15px；
位置：相对位置；
右：20%；
}
#学校名称处{
位置：固定；
最高：60%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
文本对齐：居中；
}
#主标题{
颜色：绿色；
文字装饰：无；
位置：绝对位置；
左：43%；
右：57%；
字体大小：24px；
z指数：10；
}
#主航向h2跨度{
颜色：橙色；
}
#学校化身{
高度：9公分；
宽度：9em；
边界半径：50%；
位置：固定；
最高：25%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
}
.footerHR{
边框顶部：1px纯色灰色；
位置：绝对位置；
底部：20px；
边缘底部：20px；
}

NHG




下一个





学校不存在？现在就告诉校长我们的网站

如果您希望文本精确居中，请选择此选项

NHG
@导入url('https://fonts.googleapis.com/css?family=Catamaran:100，200300400500600700800900 | Droid+Sans:400700 | Josefin+Sans:100100i，300300300i，400400i，600600i，700700i | Open+Sans:300300i，400400i，600600i，700700i，800800i |氧气：300400700 | Roboto:100100i，300300300300300i，400400i，500500500i，700700700i | Ubuntu:300300300i，400i，500500i，700i |；
身体{
高度：100vh；
}
#阿布希曼尤{
z指数：-1；
背景颜色：绿色；
宽度：50%；
浮动：左；
身高：50%；
}
#阿琼{
z指数：-1；
背景颜色：橙色；
宽度：50%；
浮动：对；
身高：50%；
}
#比姆{
z指数：-1；
背景色：红色；
宽度：50%；
浮动：左；
身高：50%；
}
#埃克拉维亚{
z指数：-1；
背景颜色：紫色；
浮动：对；
宽度：50%；
身高：50%；
}
#容器{
宽度：30em；
背景色：#eee；
高度：30公分；
边界半径：50%；
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
}
#包装纸{
宽度：30雷姆；
高度：30雷姆；
边界半径：50%；
}
#学校提交按钮{
利润上限：35px；
文本对齐：居中；
背景色：白色；
边框：2px实心#fef；
高度：2米；
宽度：10em；
}
#学名{
边缘底部：40px；
位置：固定；
最高：60%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
文本对齐：居中；
}
#校名箱{
高度：2米；
边界：无；
宽度：26em；
左边距：0；
左侧填充：10px；
}
#学校提交按钮p{
位置：相对位置；
最高：50%；
位置：相对位置；
顶部
#main-heading {
  color: green;
  text-decoration: none;
  text-align:center;
  font-size: 24px;
  z-index: 30;
  position: absolute;
   width: 100%;
}

#main-head {
position :absolute;
top:0;
bottom:0;
left:0;
right:0;
}

#main-head {
width:100px;
margin:0 auto;
}