246996016-HTML5-Step-by-Step

Inserting Graphics 145
To refer to an image that is stored somewhere else—perhaps on your company’s main
Web server or at a partner’s server—use the complete absolute URL to the file, as shown
in the following:
By default, unless you place the image within a block-level tag such as a paragraph or
heading, an image blocks off all the horizontal space across the rest of the page—even if
the image itself takes up only a fraction of the available horizontal space.
To force an image to render on the left or right side of the screen and wrap surrounding
text around the image, apply a float style rule that uses a left or right attribute, like this:
You could also create a style rule in the area of the document or in a separate
cascading style sheet that would make all images float unless otherwise specified, as
shown in the following:
img {float: left}