FrontendAtlas
Study
▾
Dashboard
Pricing
Get full access
<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 <p> 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; }
Preview
Live preview updates as you type
Building preview…
Show preview