如何插入换行符 <br> 每个<a>标签后？</a>

Question

I want to insert a line break <br> after every <a> tag using CSS. I tried

a {
    display:inline;
}
a:after {
    content:"\a";
    white-space: pre;
}

but it does not work, I tested it in Chrome?

My Question

How to insert a line break <br> after every <a> using CSS?

Answer 1

Make it a block level element, perhaps?

a { display: block; }

Fiddle here .

Answer 2

You can't do this with CSS - that isn't what it was intended for.

You can use Javascript to do this.

Answer 3

That is obvious that you can not define content by using css. You can use simple Jquery $("a").after("html here");