Add a space (“ ”) after an element using :after

Question

I want to add a blank space after some content, however the content: \" \"; doesn\'t seem to work.

This is my code:

h2:after {
    conte         


        

Answer 1

There can be a problem with "\00a0" in pseudo-elements because it takes the text-decoration of its defining element, so that, for example, if the defining element is underlined, then the white space of the pseudo-element is also underlined.

The easiest way to deal with this is to define the opacity of the pseudo-element to be zero, eg:

element:before{
  content: "_";
  opacity: 0;
}