<body> <div class="centered" id="First">Hello World </div> <div class="centered" id="Second"> <h1>Section 1</h1> <p>Some important content.</p> </div> <div class="centered" id="Third"> <h1 class="foo bar">Section 2</h1> <p>Even more important content.</p> <div class="footer"><a href="menu.html">Back</a></div> </div> <div class="stretch"> <div class="centered"> <h1 class="highlight">Section 3</h1> <p>Last content.</p> <div class="footer"><a href="#">Back</a></div> </div> </div> <div class="bottom foo bar" name="end" id="Last" data-attr="baz"> <p>Some final words.</p> </div> <div class="bottom class1 class2"> </div> </body> <div class="thing foo bar thunk" attr1="foo" attr2="bar" attr3="baz" data-foo="<biz>" data-bar="<biz>"></div> <div data-profile="profile" data-creator-name="name">work</div> <div class="thing baz" attr1="foo" attr2="bar" attr3="qux"></div> <p>1</p> <p>2</p> <p>3</p> <p>4</p>