Margin for br in chrome

Question

Is it possible to add margin for br tag in chrome? I have added mrgin property but that is not working in chrome. I had tried line heigth also. In firefox its working. This was my code

br{
    display: block;
    margin-bottom: 25px;    
}

Possible duplicate of http://stackoverflow.com/questions/1409649/how-to-change-the-height-of-a-br?scrlybrkr=b34b12d2 — Qwerty, May 17 '17 at 12:44
Possible duplicate of [Can you target
with css?](http://stackoverflow.com/questions/899252/can-you-target-br-with-css) — Hidden Hobbes, May 17 '17 at 12:52

score 1 · Answer 1 · answered May 17 '17 at 12:43

1

add:

content: '';

This will work in chrome as well.

answered May 17 '17 at 12:43

tech2017

1,806
1
13
15

score 1 · Accepted Answer · answered May 17 '17 at 12:48

1

You can do this, but I'm not sure if it's a good practice.

br {
  content: "";
  margin: 20em;
  display: block;
  font-size: 24%;
}

answered May 17 '17 at 12:48

EmmCall

168
1
1
13

score 0 · Answer 3 · answered May 17 '17 at 12:44

0

You should use line-height:

br {
  line-height: 40px;
}

<p>dkajkjkdjkdjkd<br>dklsald</p>

answered May 17 '17 at 12:44

Arjan Knol

942
5
20

Margin for br in chrome

3 Answers3