<br> element not working between div and input

Question

Below is the code that I am using. For some reason I cannot get the br in between the div.chatBox and input to show. Can anyone give me any suggestions.

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox">
        </div>

        <br>

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>

Answer 1

As evolutionxbox says, you have to use css to display corectly your elements.

however your br tag works fine, it's just that your first div is empty, so you do not see the difference, try this two sample, with and without br.

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px">
        </div>

        <br/>

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>

<div class="container-fluid col-xs-12">
    <div class="row">
        <br>
        <div class="chatBox col-xs-5 col-xs-offset-3" id="chatBox" style="background-color:red;width:160px;height:100px">
        </div>

        

        <input type="text" class="col-xs-offset-4 col-xs-3">
    </div>
</div>