CSS end of line character

Question

Okay, what I want is this: When the <p> tag ends with </p>, I want to add a character at the end of the line. For example

<p>Something and more!</p>

Should look like

Something and more!_

Where the '_' (underscore) is the added character.
Is this possible with CSS?
Is it also possible at the end of a line?

Constantino

Why don't you add a padding-bottom: 15px (or whatever your line height is) to the <p> tag's css? – Ichnography

There is no line (and no spoon). There are only boxes in HTML and CSS. – Honaker

@janoliver: Maybe 1em would be better? – Anthodium

Answer 1

Yes it is possible

p:after{
    content:"_";
}

Scriabin

Answer 2

If I've understood your question right, then I think the following works as you require:

p:after {
    content: '_';
}

JS Fiddle demo.

Which seems compatible even with IE 8 and above.

Unearned

I...don't know. Updated it, though. Thanks for the catch, and the notification. – Unearned

Answer 3

You can use the pseudo-class :after:

p:after { content: '_'; }

It’s not possible for each line though, as CSS practically does not know about “lines”.

Oarfish