Styling Widgets! 11

In all these tests, INPUT should act as a BLOCK element because it is given 'display:block' in the stylesheet.

In the following test case there a centered INPUT element.

I am centered with 'margin:auto'."

In the following test case, there is the same INPUT but this time it is next to a float. The INPUT should be in the same place!

I float.

I am centered with 'margin:auto'."

This problem does not seem to occur with left floated images:

I float.

I am centered with 'margin:auto'."

Similarly, if we right align the INPUT, the INPUT does not go under the floated block as it should:

I float.

I am right aligned with 'margin-left:auto'."

In this case, though, the problem does appear for the left case:

I float.

I am left aligned with 'margin-right:auto'."