
The block of code reads as follows. Line 1: open angle bracket p close angle bracket at indentation level 0. Line 2: This photo open angle bracket i m g s r c equals open double quotes photo hyphen con dot p n g close double quotes close angle bracket of Conservatory Pond in at indentation level 0. Line 3: open angle bracket “a” h ref equals open double quotes H T T P colon forward slash forward slash w w w dot centralpark dot com close double quotes close angle bracket Central Park open angle bracket forward slash “a” close angle bracket was taken with a open angle bracket strong close angle bracket Canon E O S 30 D open angle bracket forward slash strong close angle bracket camera at indentation level 0. Line 4: open angle bracket forward slash p close angle bracket at indentation level 0.
The first container placed below the block of code consists of two sections. The first section is a rectangular block that reads, open angle bracket p close angle bracket at the top and open angle bracket forward slash p close angle bracket at the bottom. The second section is a rectangular block placed inside the first section. Seven rectangular boxes are placed inside the second section in two rows. The first row shows three boxes of different sizes labeled from left to right as follows: text, open angle bracket i m g close angle bracket, and text. The second row shows four boxes of different sizes labeled from left to right as follows: open angle bracket “a” close angle bracket, text, open angle bracket strong close angle bracket, and text.
Note: Inline content is laid out horizontally from left to right within its container. Once a line is filled with content, the next line will receive the remaining content, and so on. Here the content of this open angle bracket p close angle bracket element is displayed in two lines.
The second container placed below the first container consists of two sections. The first section is a rectangular block that reads, open angle bracket p close angle bracket at the top and open angle bracket forward slash p close angle bracket at the bottom. The second section is a rectangular block placed inside the first section. Eight rectangular boxes are placed inside the second section in three rows. The first row shows three boxes of different sizes labeled from left to right as follows: text, open angle bracket i m g close angle bracket, and text. The second row shows two boxes of different sizes. The first box is blank and the second box is labeled open angle bracket “a” close angle bracket. The third row shows three boxes of different sizes labeled from left to right as follows: text, open angle bracket strong close angle bracket, and text. The elements within the rectangular boxes in all the blocks are aligned to the left.
Note: If the browser window resizes, then inline content will be "reflowed" based on the new width. Here the content of this open angle bracket p close angle bracket element is now displayed in three lines.
Back