Question

Any ideas why the <hr> in this post won’t go under the photo while the <hr> in this post will?

Thanks!

Answer 1

because the image in the non-working version is floated left. which makes its container not re-size to fit the contents..

In detail

The working version has the class .aligncenter applied, while the failing version has .alignleft which floats the element to the left with the float:left property setting.

if you remove the float:left it will work (or alternatively set the clear:both for the hr element, as @pekka mentioned).