Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <article class="card"> <h2>Box Model</h2> <p>Includes padding, border, and margin.</p> </article> <aside class="callout"> <strong>Tip:</strong> Use border-box to simplify layouts. </aside> </body> </html>
* { box-sizing: border-box; } .card { width: 320px; padding: 24px; border: 2px solid #cbd5f5; margin-bottom: 24px; font-family: "Inter",sans-serif; } .callout { margin: 32px 0; padding: 16px; border-left: 6px solid #2563eb; background: #eff6ff; }
