Twenty Twelve: add clear: both; to aligncenter class

[alexvorn2]

img.aligncenter {
    margin-bottom: 0.857143rem;
    margin-top: 0.857143rem;
}

to

img.aligncenter {
    margin-bottom: 0.857143rem;
    margin-top: 0.857143rem;
    clear: both;
}

[DrewAPicture]

@alexvorn2: Seems to be working fine without it. Wouldn't have a problem with testing it if you'd like to ​submit a patch.

[lancewillett]

I vote to close as wontfix unless alexvorn2 you can give a bit of the "why" it's needed.

See these tips for providing a useful bug report: ​http://codex.wordpress.org/Reporting_Bugs

[alexvorn2]

because when adding two images: first one with float left and the second with float center you will get this - ​http://wpimpact.com/wp-content/uploads/2013/01/images_WPImpress_20130121_201840.png

docs:
​http://www.w3schools.com/cssref/pr_class_clear.asp

[alexvorn2]

previous themes: Twenty Eleven and Twenty Ten have clear: both;

I thought I will get understood very easily from what I posted before.

Clear: both help a little in arranging the element to fit in the column.

See what happens when I applied the fix: ​http://wpimpact.com/wp-content/uploads/2013/01/images_WPImpress_20130121_202720.png

[MikeHansenMe]

I was able to reproduce this as well. The patch is about as simple as it gets. +1

[lancewillett]

Screenshots and explanation are very helpful -- thanks. :)

In the patch we'd only apply to .aligncenter selector, though, probably.

[alexvorn2]

Replying to lancewillett:

Screenshots and explanation are very helpful -- thanks. :)

In the patch we'd only apply to .aligncenter selector, though, probably.

We can apply to "alignnone" too.

[lancewillett]

In 23428:

Twenty Twelve: clear center-aligned images properly. Fixes #23244.