CSS Test: float

⇩ The following blue box should be exactly half the width of the viewport, on the left of the 50% ruler mark.

ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float text ignore this float
this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text this is some dummy text

The above gray text should flow around the blue box. ⇧