html - <br /> not working in Firefox

Question

I'm writing some code and want to have some space between two inputs and <br /> is not working in Firefox:

<input type="text" id="X_Axis" /><br />
<input type="text" id="Y_Axis" />

None of <br /> , <br/>, </br> work.

P.S. I haven't tried it in any other browser, so it might not be Firefox, as I suppose.

Answer 1

Using <br/> to add spacing between HTML elements is bad practice. I suggest assigning CSS padding or margins to your form elements. The following post is very informative: When to use <br> line breaks vs CSS positioning?

Working example: http://jsfiddle.net/uHKzq/1/

I have added the CSS property display: block; which will cause your second form element to display on the line bellow the first. I have then applied a margin around the form element, which creates a space between your two form input fields.