<div id="div1">
改成div
<div></div>
如果需要居中的元素为常规流中 inline 元素,为父元素设置text-align: center;即可实现
如果需要居中的元素为常规流中 block 元素,1)为元素设置宽度,2)设置左右 margin 为 auto(margin: 0 auto)。
光看你这代码居中是没问题的,只是div标签写错了
浏览器没有解析 #div1{text-align:center}的样式,把这个写在行内试试
#div1{margin:0 auto}