divに対してpadding-bottomが反応しません

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Writeというサイトの模写をしていて記事と記事の間に余白をつけたくてpadding-bottomが反応しません

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

＜html＞　　

<div class="main-wrapper">

  <div clsss="text-box">
    <div class="date">
      <p><a href="#">2018年9月1日</a></p>
    </div>
    <div class="textarea">
      <h1 class="text-heading"><a href="#">書くためのテーマ</a></h1>
      <p class="text">Writeは文章を書く人のためのミニマルなWordPressテーマです。装飾を極限まで省いたデザインは、あなたの文章を主役にします。</p>
    </div>
  </div>

  <div clsss="text-box">
    <div class="date">
      <p><a href="#">2018年3月5日</a></p>
    </div>
    <div class="textarea">
      <h1 class="text-heading"><a href="#">画像付きの投稿</a></h1>
      <p class="text">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</p>
    </div>
  </div>

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<div class="main-wrapper">

  <div clsss="text-box">
    <div class="date">
      <p><a href="#">2018年9月1日</a></p>
    </div>
    <div class="textarea">
      <h1 class="text-heading"><a href="#">書くためのテーマ</a></h1>
      <p class="text">Writeは文章を書く人のためのミニマルなWordPressテーマです。装飾を極限まで省いたデザインは、あなたの文章を主役にします。</p>
    </div>
  </div>

  <div clsss="text-box">
    <div class="date">
      <p><a href="#">2018年3月5日</a></p>
    </div>
    <div class="textarea">
      <h1 class="text-heading"><a href="#">画像付きの投稿</a></h1>
      <p class="text">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</p>
    </div>
  </div>
 </div>

ソースコード

<css> .main-wrapper { height: 1440px; margin-left: 200px; }

.date {
float: left;
margin-right: 220px;
font-size: 16.8px;
color: #999999;

}

.textarea {
width: 700px;
display:inline-block;
}

.text-box {
padding-bottom: 60px;
}

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[firegrape]

該当のソースコードというのが2つあります。。

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

[huruhurutenba]

初めての質問でどうやったらいいのかわからなくて、htmlとCSSのどちらも載せました

[m.ts10806]

質問は編集できます。
それに見るのは質問者の事情や背景は何も知らない赤の他人なので、見やすくする配慮は必要かと思います。

Answer 1

ええと、HTMLのほうで、text-boxクラスの指定が2箇所とも間違っています。

-<div clsss="text-box">
+<div class="text-box">

Comments

[huruhurutenba]

ありがとうございます！！
自分では何回見ても気づけなかったです。