
The first browser window is at the top left side of the figure. The browser window consists of square image with its caption placed below in a rectangular box. The caption of the image reads, British Museum. A paragraph that reads, “When, while the lovely valley teems with vapour around me"" is placed below the image caption. The corresponding code reads as follows: Line 1: open angle bracket figure close angle bracket at indentation level 0. Line 2: open angle bracket i m g s r c equals open double quotes images forward slash 828 dot j p g close double quotes alt equals open double quotes ellipsis close double quotes at indentation level 1. Line 3: open angle bracket figcaption close angle bracket British Museum open angle bracket forward slash figcaption close angle bracket at indentation level 1. Line 4: open angle bracket forward slash figure close angle bracket at indentation level 0. Line 5: open angle bracket p close angle bracket When, while the lovely valley ellipsis at indentation level 0.
The second browser window is placed below the first browser window. The browser window consists of square image with its caption placed on the image in a rectangular box. The caption reads, British Museum is placed at a height of 130 p x from the top of the browser window and at a distance of 20 p x from the left. A paragraph that reads "When, while the lovely valley teems with vapour around me" is placed below the image. The corresponding code reads as follows: Line 1: figure open curly brace at indentation level 0. Line 2: position colon relative semicolon at indentation level 1. (This creates the positioning context) An arrow points from line 2 to the square image. Line 3: close curly brace at indentation level 0. Line 4: figcaption open curly brace at indentation level 0. Line 5: position colon absolute semicolon at indentation level 1. An arrow points from line 5 to the caption in the rectangular box. Line 6: top colon 130 p x semicolon at indentation level 1. (This does the actual move) Line 7: left colon 20 p x semicolon at indentation level 1. Line 8: close curly brace at indentation level 0.
Back