This uses float: right with text-align: right.

(a) What ... (12)
(b) What ... (13)
25

This uses float: right with text-align: left.

(a) What ... (12)
(b) What ... (13)
25


First line text.
Second line text.
First line text.
Second line text.
The above two elements should not be parallel (because of the border meaning the total width is more than 50%), but should be one on top of the other, with the content of this element appearing below them but with its border overlapping them both.


This is a float that is used to investigate the overlapping with horizontal rules.

The horizontal rule should overlap with the float in the same way that other borders have done - it should 'underlap' the float, being visible where it overlaps it but placed below content of the float (the borders and content of the float should be on top of it, so it shouldn't be visible where these are. In Mozilla, notice that the HR element passes OVER the DIV element, including the borders for the DIV element.