HTML Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Box Model</title>
    <style>
      .card {
        background: #f8fafc;
        padding: 1.25rem;
        border: 2px solid #cbd5e1;
        border-radius: 0.75rem;
        margin: 1.5rem auto;
        max-width: 20rem;
      }
    </style>
  </head>
  <body>
    <div class="card">
      <h3>Card title</h3>
      <p>Padding adds space inside the border.</p>
    </div>
  </body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS Introduction — Box Model Card