<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.

Solution 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.

Solution 2

This is great. I have 2 adsense link units and I wanted to place a break line.

<br> didn't work so I did like you suggested only in my widget area with div elements in between two ad unit placeholders

---

First adsense code

<div style="margin: 10px 0 10px 0;"></div>

Second adsense code