Javascript 如何在html中居中显示错误消息？ 这是我的html程序。 登录页面 记住我的登录信息

我试过了，但错误信息总是出现在左边。请帮助我在页面中央获取错误消息

这是我的javascript程序

函数检查用户名（用户名、密码）
{
如果（（用户名==“susy”）&&（密码==“abc”））
{   
open（'target.html'）；
}
其他的
{           
document.getElementById（“msg”）.innerHTML=“您的用户名和密码不匹配。请重试。”；
}   
}

---

错误信息出现在左侧，但我想在中间。如何做到这一点？您可以使用CSS将

#msg

div的内容置于中心位置：

#msg {
    text-align:center;
}

---

您可以使用相同的css使整个div居中

<style>
   #msg{
   width:400px;
   margin-right:auto;
   margin-left:auto;
 }
</style>

#味精{
宽度：400px；
右边距：自动；
左边距：自动；
}

---

并根据您的需要放置固定/绝对位置

代码对我来说很好

#msg {
    text-align:center;
}

<style>
   #msg{
   width:400px;
   margin-right:auto;
   margin-left:auto;
 }
</style>

#msg{
   width:400px;
   margin:auto;
 }