<div class="container">
  <header>
    <h1>ウェブサイトのタイトル</h1>
  </header>
  <main>
    <p>メインコンテンツがここに入ります。</p>
  </main>
  <footer>
    <p>フッター情報</p>
  </footer>
</div>
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

header, main, footer {
  padding: 20px;
  text-align: center;
}

h1 {
  font-size: 2em;
  color: #333;
}

p {
  font-size: 1.2em;
  color: #666;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.