Javascript 放置错误的Div标记导致显示HTML时出现问题

我有一个div标签，好像放错地方了。当我运行代码时，它在浏览器中显示为一个断开的图像链接，在Dreamweaver中显示为一个高亮显示的黄色标记

问题是，当我尝试移动或删除它时，它会完全破坏我的页面格式，我不确定我在这个例子中到底做错了什么。我尝试添加一个额外的div标签（我想可能我忘记了一个），但这似乎不是问题所在

截图：

JSFiddle：

HTML源代码段：

您缺少结束标记。锁定它！谢谢@GuyRichards您总是可以使用来捕获这种类型的错误（未关闭的标记）。哎呀！该死你能删除那些评论吗pI实际上只是尝试在我这里遇到的另一个非常类似的问题上使用它：（由于某种原因，右侧的项目出现在屏幕底部）我不确定我是否缺少标记（你提到的工具似乎这么认为，但我似乎无法通过添加它提到的缺少的标记来解决）还有-我应该发布一个关于这个的新问题吗？

<!-- sidebar -->
<aside id="sidebar" role="complementary">
</div>
<br />
<br />
<br />



<div id="text-18" class="widget widget_text">           <div class="textwidget"><a class="button blue " href="docs/BWL-T8-10-IXX-3000.pdf" >Model BWL-T8-10-IXX-3000</a>
<a class="button blue " href="docs/bwl-t8-10-ixx-3500.pdf" >Model BWL-T8-10-IXX-3500</a>
<a class="button blue " href="docs/bwl-t8-10-ixx-5000.pdf" >Model BWL-T8-10-IXX-5000</a>

<a class="button blue " href="docs/bwl-t8-18-ixx-3000.pdf" >Model BWL-T8-18-IXX-3000</a>
<a class="button blue " href="docs/bwl-t8-18-ixx-3500.pdf" >Model BWL-T8-18-IXX-3500</a>
<a class="button blue " href="docs/bwl-t8-18-ixx-5000.pdf" >Model BWL-T8-18-IXX-5000</a>
<a class="button blue " href="docs/bwl-t8-22-ixx-3000.pdf" >Model BWL-T8-22-IXX-3000</a>
<a class="button blue " href="docs/bwl-t8-22-ixx-3500.pdf" >Model BWL-T8-22-IXX-3500</a>
<a class="button blue " href="docs/bwl-t8-22-ixx-5000.pdf" >Model BWL-T8-22-IXX-5000</a></div>
<br />
<br /></div>
</section>