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

Re: Hortizontal filler

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Mon, 12 Jan 2009 09:04:15 -0800
Message-ID: <496B780F.6070402@terrainformatica.com>
To: Giuseppe Bilotta <giuseppe.bilotta@gmail.com>
CC: Rijk van Geijtenbeek <rijk@opera.com>, www-style@w3.org

Giuseppe Bilotta wrote:
> On Mon, Jan 12, 2009 at 9:24 AM, Rijk van Geijtenbeek <rijk@opera.com> wrote:
>> Op Mon, 12 Jan 2009 05:26:09 +0100 schreef Giuseppe Bilotta
>> <giuseppe.bilotta@gmail.com>:
>>
>> 'how to' questions are better suited for how-to lists such as CSS-Discuss
>> <http://www.css-discuss.org/>
> 
> Oh, thanks for the reference.
> 
> This request can easily turn into a feature request for CSS though, I
> suspect ;-)

As far as I understand your task then you need flex units here:

a[href=bar] {
   display:inline-block;
   width: ...;
   margin-right:1*;
}

and markup:

<div>
   <a href=foo>outer linked content</a>
   <a href=bar>inner</a>
</div>


margin-right attribute is given in flex units (1*) thus
margin-right behaves as a spring (filler in your terms)
shifting a[href=bar] to the left inside line box it is
in.


-- 
Andrew Fedoniouk.

http://terrainformatica.com
Received on Monday, 12 January 2009 17:04:29 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:15 GMT