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

I needed this instead of using padding because I used inline-block containers to display a series of individual events in a workflow timeline. The last event in the timeline needed no arrow after it.

Ended up with something like:

.transaction-tile:after {
  content: "\f105";
}

.transaction-tile:last-child:after {
  content: "\00a0";
}

Used fontawesome for the gt (chevron) character. For whatever reason "content: none;" was producing alignment issues on the last tile.