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