在联系表单后未显示页脚和<hr />

Question

所以在联系表单上看起来一切都很好，但是当我尝试添加<hr>之后或某些换行符时，没有任何注册。不过，我的页脚仍在那里。我不确定问题是什么。

<!-- Page Content -->
    <div class="inner contact">
        <!-- Form Area -->
        <div class="contact-form">
            <!-- Form -->
            <form id="contact-us" method="post" action="#">
                <!-- Left Inputs -->
                <div class="col-xs-6 wow animated slideInLeft" data-wow-delay=".5s">
                    <!-- Name -->
                        <input type="text" name="name" id="name" required="required" class="form" placeholder="Name" />
                    <!-- Email -->
                        <input type="email" name="mail" id="mail" required="required" class="form" placeholder="Email" />
                    <!-- Subject -->
                        <input type="text" name="subject" id="subject" required="required" class="form" placeholder="Subject" />
                </div>
                <!-- End Left Inputs -->

              <!-- Right Inputs -->
                <div class="col-xs-6 wow animated slideInRight" data-wow-delay=".5s">
                    <!-- Message -->
                        <textarea name="message" id="message" class="form textarea"  placeholder="Message"></textarea>
                </div>
              <!-- End Right Inputs -->
              <!-- Bottom Submit -->
                    <div class="relative fullwidth col-xs-12">
                    <!-- Send Button -->
                        <button type="submit" id="submit" name="submit" class="form-btn semibold">Send Message</button> 
                    </div>
              <!-- End Bottom Submit -->
              <!-- Clear -->
                    <div class="clear"></div>
                </form>
            </div>
        <!-- End Contact Form Area -->
        </div>


        <hr>

<!-- Footer -->
<div class="footer">
    <p>© 2016 Junebug Mixology | All Rights Reserved</p>
</div>

</div>
<!-- /.container -->