Persistant padding on a text that wraps?

Question

I'm wondering if this is possible:

A container has a line of text in it, it can wrap to a new line if it's too long
The line of text has padding around it and also has a background color
The padding is consistent until the text wraps, the first line will not have padding on the right side of the first line

How can you keep the padding on the right side of the first line? Please note I do not want a large block of black that runs straight down from the widest line.

Here is a jsfiddle in case you need to see an example: http://jsfiddle.net/x6Rxw/

Thanks!

Take a look at this: http://stackoverflow.com/questions/4994653/add-padding-at-the-beginning-and-end-of-each-line-of-text — kei, Jun 23 '11 at 16:45

score 1 · Accepted Answer · answered Jul 09 '12 at 08:47

1

Sorry for bringing this topic back up- however this post may be helpful to future people looking.

This is a jQuery + CSS fix for this issue in a plugin form.

http://jsfiddle.net/OwenMelbz/rd8Qc/

answered Jul 09 '12 at 08:47

owenmelbz

6,180
16
63
113

Persistant padding on a text that wraps?

1 Answers1

Linked