how to give line break to an anchor without using or "display:block"

Question

I'm using wordpress for making a site. I want "Read more" button to be in second line without using br or "display:block".

Answer 1

You can add a pseudo before element with a white-space: pre property. That would do the trick.

a:before {
    content: '\A';
    white-space: pre;
}

teste <a href="#">anchor</a>

Answer 2

One option would be creating a block-level pseudo-element before the content of the <a> element.

Example Here

a.readmore:before {
  content: "";
  display: block;
}

Another option would be adding a line break before the content as follows:

Updated Example

a.readmore:before {
  content: "\A";
  white-space: pre-wrap; /* or pre */
}