Re: Inline h*ll

> Re: Inline h*ll
> 
> From: Ian Hickson (py8ieh@bath.ac.uk)
> >> Nothing normative, at any rate. You can treat BR as an empty inline
> >> element with this style:
> >>
> >>    BR:before {
> >>       content: '\A';
> >>       white-space: pre;
> >>    }
> > It could equally well be done as BR:after, thereby causing drastically
> > different results, which demonstrates why it isn't a good idea to
> > treat it in this manner at all.
> 
> Why different results? Since there is no content (it is an empty element),
> the :before and :after pseudo-elements would have basically the same
> effect.

BR:before gives:
<-|
BR

BR:after gives:
BR<--|

so in the first case

P {line-height: 10px}
SPAN.insideP {font-size: 100px}
<P>
<SPAN>The content<BR>
is here
</SPAN>
</P>

Given BR:after, only one line's height is distorted, but with BR:before,
two are.