Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

<br /> not working in Firefox

Tags:

html

css

firefox

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.

like image 291
Zippie Avatar asked May 08 '12 14:05

Zippie


2 Answers

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.

like image 77
Jack Avatar answered Sep 23 '22 04:09

Jack


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

like image 26
IvanS Avatar answered Sep 23 '22 04:09

IvanS