<html> HTML
<!-- TODO (HTML only):
  1) Wrap the demo content in <main>.
  2) Add TWO paragraphs inside <main>.
  3) In the SECOND paragraph: include a <strong> word and an inline <img> in the same line of text.
  4) In #explanation, state which of <p>, <strong>, <img> are block vs inline.
  Note: Do NOT change CSS or tests. -->
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'>
    <title>Inline vs Block</title>
  </head>
  <body>
    <h1>Inline vs Block</h1>

    <!-- Add <main> here -->

    <!-- Explanation area (keep this id) -->
    <section id='explanation'>
      <h2>Explanation</h2>
      <!-- Tip: if you want to write tag names as text, escape them like &lt;p&gt; or wrap them in <code>. -->
    </section>
  </body>
</html>
# CSS
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 2rem;
  line-height: 1.6;
}
main {
  display: block;
}
img {
  vertical-align: middle;
}
Live preview updates as you type
Building preview…