<!doctype html> <html>

<head>
  <title>
    This is a test page
  </title>
</head>
<body>
  <div class="top-div test test2">
    I'm an outer div!!!
    <div class="inner-div">
      I'm an inner div!!! I might just <em>emphasize</em> some text.
    </div>
    I am EVEN MORE TEXT for the SAME div!!!
  </div>
  <main id="main-area">
    <header class="super-header">
      <h1 class="emphasized">
        Welcome to the test doc!
      </h1>
      <h2>
        This document contains data
      </h2>
    </header>
    <ul id="main-area" class="test">
      Here is the data:
      <img src="www.hello.com">
      <li>Four list items</li>
      <li class="bold funky important">One unordered list</li>
      <li>One h1</li>
      <li>One h2</li>
      <li>One header</li>
      <li>One main</li>
      <li>One body</li>
      <li>One html</li>
      <li>One title</li>
      <li>One head</li>
      <li>One doctype</li>
      <li>Two divs</li>
      <li>And infinite fun!</li>
    </ul>
  </main>
</body>

</html>