Ch 1: Standalone <br> Section Break

PASS: A visible blank-line gap should appear between the two sections below.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

PASS: The gap above should be roughly one line tall (same as a blank line).

Ch 2: <br class="section-br"/>

PASS: A blank-line gap should appear between the two sections below, identical to Ch 1, even though the <br> carries a CSS class.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ch 3: Multiple Consecutive <br> Elements

PASS: Two blank lines should appear between the sections (one per <br>).

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

PASS: Three blank lines should appear below.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ch 4: Inline <br> Inside a Paragraph

PASS: The two lines below should be adjacent with NO extra gap between them. The <br> is inside the paragraph and must only break the line.

First line of the paragraph.
Second line of the paragraph — directly below, no gap.

PASS: Above should look like two closely-spaced lines, not like two paragraphs separated by a blank line.

Ch 5: <br> After a Heading

PASS: There should be a blank-line gap between the heading above and this paragraph.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Section heading

PASS: There should be a blank-line gap between the section heading and this paragraph.

Ch 6: <br> at Chapter Start

PASS: This heading should appear near the top of the page with no large blank area above it despite the <br> being the very first element.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ch 7: <li><p> with Bold+Italic

PASS: Each bullet below must be on the SAME line as its text, not on a separate line above it. The bullet and text are inline.

Sketching User Experiences by Bill Buxton. This book examines the notion of sketching (Hint: prototypes are a kind of sketch) across a wide variety of disciplines, with eye-opening results.

Have Paper, Will Prototype by Bill Lucas. This lecture is a series of case studies about how to successfully create paper prototypes of computer interfaces.

The Kobold Guide to Board Game Design by Mike Selinker. The very best book there is on how to design great board games.

PASS: All three bullets above should be inline with their respective text.

Ch 8: <li><p> with Nested List

PASS: Each bullet must be inline with its text. The nested list should be indented further with its own bullets also inline.

Problem statement: Design a flying dino game where dinosaurs race in and above the water.

Detailed problem statements

We need to figure out if we can schedule all the animation time needed for the dinosaurs.

We need to develop the right number of levels for this game.

We need to figure out all the power-ups that will go into this game.

PASS: All bullets above should be inline with their text, including the nested ones.

Ch 9: <li> Direct Text (Baseline)

PASS: Each bullet below must be inline with its text. This is the baseline case that already works — no <p> wrapper inside <li>.

The fundamental difference between changes to the behavior of a system and changes to its structure.

The enabling magic of alternating investment in structure and investment in behavior.

The basics of the theory of how software design works and the forces that act on it.

PASS: All three bullets above should be inline with their text.

Chapter 1: Standalone br

Chapter 2: Classed br

Chapter 3: Multiple br

Chapter 4: Inline br

Chapter 5: br after heading

Chapter 6: br at start

Chapter 7: li>p bold italic

Chapter 8: li>p nested ul

Chapter 9: li direct text