html js中如何调整图片位置

某处抄到随机显示图片代码如下

<script language=javascript>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".gif>")
</script>

想要调整图片位置，我在html写法如下

    <div class="black">

        <center>

            <img style="display: inline-block; width: 56.6%; max-width: 80%; height: auto;" src="img/black.png" />

        </center> 

    </div>

但是直接复制这些代码到document.write("")内会报错

求助大佬！！

报什么错？你给id=Math.round(Math.random()*2)+1加上var 看看

引号的问题吧，还有不要换行 去掉全部回车符 注意 双引号里不能套双引号 要么 双套单 要么 单套双