o_19octlt3v29m1ul81r9513q81i4ra.pdf

150 Chapter 9
You could add a height=”75” attribute to the tag, without specifying a width, like
this:
When you view the page, the image shrinks proportionally, like this:
However, if you specify both height and width of 75, like this:
The image will be distorted, like this:
Like text, images can have margins and/or padding to separate them from surrounding
elements. For example, in the example just shown, notice how close the text is to the
graphic. It would be better if the text were moved slightly to the right.
As you learned in Chapter 8, “Formatting Paragraphs by Using Style Sheets,” the padding
attribute controls the space around content, on the inside of the element, and the margin
attribute controls the space surrounding the element. You can use either attribute for an
image. When the image has a border, however, it is better to use the margin attribute.
To increase the space around the example, you can insert a right margin specification
within the style rule, like this: