如何实现自定义添加div功能

目前程序代码如下，
希望实现的功能有两点
1.在make content方程开头添加

在make content结尾添加

2.在31行实现添加一个br标签，思路如图所示，但是不能正常显示，如果取消注释，下面的图片就不能显示，不知道为啥，求告知，最终结果希望是图片在新的一行显示，而不是现在一样和 go to baidu在一行

<html>

<head>
<script type="text/javascript">
function makeContent()
{
    var body = document.getElementsByTagName("body")[0];
    
    //Add containing div
    var div=document.createElement("div");
    
    //Add heading to div
    var Heading = document.createElement("H1");
     var LabHead = document.createTextNode("Make Page");
    Heading.appendChild(LabHead);
    document.body.appendChild(Heading);

    //Add paragraph & text to div
    var Para = document.createElement("P");
     var LabPara = document.createTextNode("This is text for my page");
    Para.appendChild(LabPara);
    document.body.appendChild(Para);

    //Add hyperlink to div
    var Hlink = document.createElement("A");
    var Gotolink =document.createTextNode("Go to baidu");
    Hlink.setAttribute("href","https://www.baidu.com");
    Hlink.appendChild(Gotolink);
    document.body.appendChild(Hlink);

    //Add break (br) to div
    //var Brsymbol = document.createAttribute("BR");
    //var LabBr = document.createTextNode
    //Brsymbol.appendChild(LabBr);
    //document.body.appendChild(Brsymbol);

    //Add image to div
    var labimg = document.createElement("img");
    labimg.src = "image.jpg";
    document.body.appendChild(labimg);
    
    //Add div to the body of the page
    body.appendChild(div)
}

function hideContent()
{
    //Get reference to div
    var getDiv = document.getElementById("H1");
    //Remove div from body of page
    
}
</script>
</head>

<body>
<input type="button" value="Show" onclick="makeContent()">
<input type="button" value="Hide" onclick="hideContent()">

</body>


</html>

"该回答引用ChatGPT"
可参考下面的解决方法：
还请测试代码的可行性：
1、在make content开头和结尾添加换行符：

<button onclick="makeContent()">Make Content</button>
<div id="content"></div>

<script>
  function makeContent() {
    var content = document.getElementById("content");
    content.innerHTML = "\n<br>" + "make content" + "\n<br>" + "<br>";
  }
</script>

2、在31行添加一个br标签：

<button onclick="makeContent()">Make Content</button>
<div id="content"></div>

<script>
  function makeContent() {
    var content = document.getElementById("content");
    content.innerHTML = "\n<br>" + "make content" + "\n<br>" + "<br>";
    content.innerHTML += "<br>";
  }
</script>