如何使用内联css将javascript元素居中？

我有一些javascript代码，我想集中在我的网页上，如果我用

将其括起来，那么它工作得很好，但是验证器说它不是有效的HTML5

我尝试过将其更改为“自动边距：0；”，但运气不佳。我也尝试过使用“文本对齐：居中”，但这也不起作用。我甚至还加了一句 .center{margin:0 auto}；到我的样式表，这也不起作用

我只是好奇为什么代码不能正确地使用这些技术

我的工作代码如下

<div align="center"> 
<script type="application/javascript">
        var myCountdownTest = new Countdown({
                                            month   : 5, 
                                            day     : 19,
                                            width   : 300, 
                                            height  : 50,
                                            hideLine: true,
                                            rangeHi :"months"
                                            });
        </script>
</div>

var myCountdownTest=新倒计时({
月份：5，
日期：19，
宽度：300，
身高：50，
希德琳：没错，
兰希：“月”
});

试试

.center{margin:auto；}

您可能还需要设置width属性，如

.center{width:50px；margin:auto；}

尝试以下代码

.center
{
宽度：300px；/*这与javascript中的倒计时宽度相同*/
保证金：0自动；
文本对齐：居中；
}

var myCountdownTest=新倒计时({
月份：5，
日期：19，
宽度：300，
身高：50，
希德琳：没错，
兰希：“月”
});

这实际上并不是非常简单。您可以使用在较旧的浏览器上不起作用的

flexbox

，也可以使用

position absolute 50%-margin

技巧。后者只有在

div

的宽度固定时才起作用（响应正常）。谢谢，这让它工作了。谢谢，这一个也工作了。谢谢，我已经玩了一段时间，试图用html5的方式让它移到中间。我可以用图像和文本来完成，但我无法将这个javascript放到中心。