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?

Why don't you add a padding-bottom: 15px (or whatever your line height is) to the
tag's css? — janoliver, Nov 01 '11 at 20:08
There is no line (and no spoon). There are only boxes in HTML and CSS. — DwB, Nov 01 '11 at 20:09

score 5 · Accepted Answer · answered Nov 01 '11 at 20:09

5

Yes it is possible

p:after{
    content:"_";
}

answered Nov 01 '11 at 20:09

Nasreddine

David Thomas · Answer 2 · 2011-11-01T20:19:24.497

4

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

p:after {
    content: '_';
}

Which seems compatible even with IE 8 and above.

edited Nov 01 '11 at 20:19

answered Nov 01 '11 at 20:07

David Thomas

1

I...don't know. Updated it, though. Thanks for the catch, and the notification. – David Thomas Nov 01 '11 at 20:19

score 2 · Answer 3 · answered Nov 01 '11 at 20:08

2

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”.

answered Nov 01 '11 at 20:08

poke

3 Answers3