   div .b { border: solid fuchsia; background-color: purple; color: white; }
   div p.b { float: right; }
  ]]></style>
  <link title="9.5.1 Positioning the float: the &apos;float' property" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" rel="help"/>
 </head>
 <body>
  <p>The big coloured boxes should be level with the top of the small
  coloured boxes of the same color (unless there is not enough room
  for the big box to fit on the small box&apos;s line after the small box,
  in which case 