Padding Inputs

Individual Sides

The following INPUT only has 100px of left padding:

The following INPUT only has 100px of bottom padding:

The following INPUT only has 100px of right padding:

The following INPUT only has 100px of top padding:

Horizontal

The following input has 1 pixel of top and bottom padding, and 100 pixels of left and right padding:

The following is the same but using a SPAN instead of an INPUT:
This should be very wide, with some padding on the sides.

And once more, this time using an IMG instead of an INPUT:
This should be roughly
    square but with some padding on the sides.

The INPUT and the DIV should look identical. The border of the DIV should overlap the previous line, though, which should not happen in the case of the INPUT. The IMG should look similar to the INPUT, except that its inner dimensions will be different (those of the image).

Vertical

The following input has 10 pixels of top and bottom padding, and 1 pixel of left and right padding:

The following is the same but using a SPAN instead of an INPUT:
This should have some top and bottom padding.

And once more, this time using an IMG instead of an INPUT:
This should have some top
    and bottom padding.

The INPUT and the DIV should look identical. The border of the DIV should overlap the previous line, though, which should not happen in the case of the INPUT. The IMG should look similar to the INPUT, except that its inner dimensions will be different (those of the image).

Sides Again

The following input has 10 pixels of top and right padding, and 1 pixel of bottom and left padding (so this won't show up horizontal/vertical errors):

The following is the same but using a SPAN instead of an INPUT:
This should be at the bottom left corner.

And once more, this time using an IMG instead of an INPUT:
This should be at the
    bottom left corner.

The INPUT and the DIV should look identical. The border of the DIV should overlap the previous line, though, which should not happen in the case of the INPUT. The IMG should look similar to the INPUT, except that its inner dimensions will be different (those of the image).

Sides Yet Again

The following input has 1 pixel of top and right padding, and 10 pixels of bottom and left padding (so this won't show up horizontal/vertical errors):

The following is the same but using a SPAN instead of an INPUT:
This should be at the top right corner.

And once more, this time using an IMG instead of an INPUT:
This should be at the top
    right corner.

The INPUT and the DIV should look identical. The border of the DIV should overlap the previous line, though, which should not happen in the case of the INPUT. The IMG should look similar to the INPUT, except that its inner dimensions will be different (those of the image).

End