Scott Daley wrote:
> I am having trouble specifying the white space between generated content
> and actual content.  I have tried different margins and padding values
> for the generated content and the actual content, but the values
> supplied for the generated content appear to be ignored.
> 
> In the example below, I would like to vertically align 'yyyyyy' and
> 'zzzzzz'.  Do I need to use a table?
> 
> IF yyyyyyyy
> THEN zzzzzz
> 
> 
> ifClause:before {
> .......
> }
> thenClause:before {
> .......
> }
> 
> ifClause, thenClause, elseClause, santaClause {
> .....
> }
> 

What follows is standard CSS2:

ifClause, thenClause, elseClause, santaClause {
    display: block;
    margin-left: 10ex;
}

ifClause:before {
    display: marker;
    content: "IF";
}

thenClause:before {
    display: marker;
    content: "THEN";
}

etc...

Now if you want to left-align, not only yyyyyyy and zzzzz, but also IF
and THEN (because it is nicer), you may want to use proprietary
extension "marker-offset:fill;", e.g.:

ifClause:before {
    display: marker;
    content: "IF";
    marker-offset: fill;
}

thenClause:before {
    display: marker;
    content: "THEN";
    marker-offset: fill;
}

See
http://www.xmlmind.com/xmleditor/_distrib/doc/csssupport/marker-offset_fill.html


Reply via email to