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.
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 below the first. I have then applied a margin around the form element, which creates a space between your two form input fields.