Talk:Scoring a Rallye by Hand

I floated the score sheet examples (scoring patterns and scoring template) to the right. However, I wanted the heading of the next section that contained another example to clear the previous example. Ideally, I'd like to use

<h2 style="clear: right">[...]</h2>

or

<h3 style="clear: right">[...]</h3>

However, I couldn't find any way to attach a style attribute to a heading element. (If you find one, then please let me know and I will remove the hack described below.)

I tried using

<br clear="right" />

just before the heading, but this caused extra whitespace. I tried using

<span style="clear: right"></span>

just before the heading, but standards-oriented browsers ignore the clear property when applied to inline elements. Finally, I ended up using

<div style="clear: right; margin: 0; padding: 0"></div>

which is a bit ugly, but it is reasonably standard, and it works both in standards-oriented browsers and in MSIE.

Darin McGrew 21:15, 28 July 2007 (PDT)