W3C home > Mailing lists > Public > www-style@w3.org > January 2010

Re: [CSS3 Text] request: line-padding

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Tue, 19 Jan 2010 16:09:04 -0600
Message-ID: <dd0fbad1001191409m196c87d4nb39622802384bd61@mail.gmail.com>
To: Kenneth Kufluk <kenneth@kufluk.com>
Cc: www-style@w3.org
On Tue, Jan 19, 2010 at 8:37 AM, Kenneth Kufluk <kenneth@kufluk.com> wrote:
> When adding a background to wrapped text, it is not currently possible
> to add padding to the wrapped line endings.
> For example:
> <div style="width:100px">
>    <span style="background:blue;line-height:1.5em;padding:0.5em">One
> two three four five six seven eight nine ten.</span>
> </div>
> This will show the following text with a blue background:
> One two three
> four five six
> seven eight
> nine ten.
> The padding will add extra background-coloured space to the start and
> end of the sentence, shown below as "--":
> --One two three
> four five six
> seven eight
> nine ten.--
> I would like to add such padding to every line.
> --One two three--
> --four five six--
> --seven eight--
> --nine ten.--
> It would be normal practice to simply add this padding to the
> containing div element, but the blue background will not be shown
> against each line.

Is there a problem with simply moving the blue background to the
containing div as well?  Then the padding on the div would achieve the
visual effect you want.

Received on Tuesday, 19 January 2010 22:09:56 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 11 February 2015 12:34:33 UTC