• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 2. Working with Graphics > Positioning Graphics

Positioning Graphics

When you place an image directly in the body of a document, you have a limited number of options for positioning it. The following exercise is a method of creating an alignment that uses <div> tags. These tags essentially are containers that specify the alignment of everything between the tags. You learn about other ways to align images later in this lesson and also in Lesson 4.

In travel_log.html, click the banner_head.gif image to select it. In the property inspector, click the Align Center button.

If you don't see the Align Center button, click the expander arrow in the bottom-right corner. The image becomes centered on the page.

Insert a paragraph break after the banner by clicking off of the image and pressing Return or Enter. Type My Diving Travel Log, and click the Align Left button in the property inspector to move the text to the left.

The text does not have to be selected, but your insertion point should be on the same line. When you work with multiple elements, you must put them in separate paragraphs to give them different alignments. You cannot center part of a paragraph and left-align the rest. When you insert text directly below an image, for example, you need to use a regular paragraph break between the image and the text (Return on a Macintosh or Enter in Windows). If you use a single line break between them (by pressing Shift+Return or Shift+Enter), any alignment you apply affects both the image and the text, because they would be considered to be part of the same paragraph block.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint