How should I configure the wysiwyg filter to align the images? This is how my configuration in the wysiwyg filter looks like (in Drupal7):  

a[!href|target&lt;_blank|title],
img[src|align&lt;bottom?left?middle?right?top|alt|border|class|height|width|float],
div[align&lt;center?justify?left?right],
p[align&lt;center?justify?left?right],
br,span,em,strong,cite,code,blockquote,ul,ol,li,dl,dt,dd


However my configuration does not work for aligning images.

I have reviewed my code and the alignment is done using the "style" tag:

&lt;img src="" alt="" style="float:right" /&gt;


I tried the following configuration for the image but that does not work either:

img[src|align&lt;bottom?left?middle?right?top|alt|border|class|height|width|float|**style**],


Here is another attempt that did not work: 

@[style]


And I also tried like so:

img[*],


Another attempt is what is detailed in this alternative: http://screencast.com/t/jUOwMxmpu

So what is the right configuration for the images to be aligned? What is my error?
Some people forget to turn off the built-in HTML Filter when they enable the WYSIWYG Filter.  If you double-filter, you will lose your img attributes.

For my part, though, I prefer to not put the float on the img; instead, I float the div that surrounds the image and caption, allowing them to float together.  (Example image, with floated caption "A battle...": http://www.westkingdom.org/content/new-members).  To give the content editors a good user experience, I allow them to set floats on images with ckeditor, but I move the markup to the div in a render hook when the content is displayed.  In this scenario, I don't need to allow floats on the image at all.

I have a writeup of how I achieved responsive images with captions using media 2.0, wysiwyg filter, and a couple other modules, and a couple of custom hooks.