Widths and margins of block-level, replaced elements

This image should be normal, and left justified, on its own line (as should all the images on this page, since image has been set to have display block):

This image should look just like the last one:

As should this one:

and this one:

This image should be 50px to the right of being centered in the div

This image should be 50px from the left edge

This image should extend 50px outside the right edge, and be 30% the width of the div

This should extend 50px outside the right edge:

This should be the whole width of the div, displaced 50px to the right:

This should extend 30px outside the left border:

as should this one:

and this one:

This should be 80px left of being centered in the div

This should be 30px inside the right border:

This should extend 30px outside the left border:

This should be centered within the div:

This should be 50px inside the left edge:

as should this: