Long description

The first browser window has a tab titled Chapter 5. The address bar reads, listing 05 hyphen 09 dot h t m l. The browser window consists of a level-1 heading, an image, and two paragraphs. The elements in the browser window are aligned to the left at indentation level 0.

Level-1 heading: "Float example".

Paragraph: A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone and fill the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear freind, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.

The image of a museum with the caption British Museum is left aligned in the first paragraph.

Paragraph: When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me.

Note: The first block of the code at the right of the first browser window is as follows.

Line 1 at indentation level 0: open angle bracket h 1 close angle bracket Float example open angle bracket forward slash h 1 close angle bracket.

Line 2 at indentation level 0: open angle bracket p close angle bracket A wonderful serenity has taken dot dot dot open angle bracket forward slash p close angle bracket.

Line 3 at indentation level 0: open angle bracket figure close angle bracket.

Line 4 at indentation level 1: 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 dot dot dot close double quotes forward slash close angle bracket.

Line 5 at indentation level 1: open angle bracket figcaption close angle bracket British Museum open angle bracket forward slash figcaption close angle bracket.

Line 6 at indentation level 0: open angle bracket forward slash figure close angle bracket.

Line 7 at indentation level 0: open angle bracket p close angle bracket When, while the lovely valley dot dot dot open angle bracket forward slash p close angle bracket.

Note: The second block of the code at the right of the first browser window is as follows.

Line 1 at indentation level 0: figure open curly bracket.

Line 2 at indentation level 1: border colon 1 p t solid hash “A” 8 “A” 8 “A” 8 semicolon.

Line 3 at indentation level 1: background hyphen color colon hash E D E D D D semicolon.

Line 4 at indentation level 1: margin colon 0 semicolon.

Line 5 at indentation level 1: padding colon 5 p x semicolon.

Line 6 at indentation level 1: width colon 150 p x semicolon.

Line 7 at indentation level 0: close curly bracket.

The second browser window is same as the first browser except the placing of the image.

The image of a museum with the caption British Museum is left aligned in the second paragraph.

Note: The third block of code is at the right side of the second browser window that reads as follows.

Line 1 at indentation level 0: dot dot dot.

Line 2 at indentation level 0: close curly bracket.

Line 3 at indentation level 1: width colon 150 p x semicolon.

Line 4 at indentation level 1: float colon left semicolon.

Line 5 at indentation level 0: close curly bracket.

Note: width colon 150 p x in the second block of code and in the third block of code indicates that a floated block-level element should have a width specified.

The third browser window is same as the first browser except the placing of the image.

The image of a museum with the caption British Museum is right aligned in the second paragraph.

The fourth block of code is at the right side of the third browser window that reads as follows.

Line 1 at indentation level 0: figure open curly bracket.

Line 2 at indentation level 0: close curly bracket.

Line 3 at indentation level 1: width colon 150 p x semicolon.

Line 4 at indentation level 1: float colon left semicolon.

Line 5 at indentation level 1: margin colon 10 p x semicolon.

Line 6 at indentation level 0: close curly bracket.