paddingが適用されない

paddingが適用することができません。クローム検証ツールでは警告マークが表示されているのでスペルミスではないと思います

調べたこと

heightやwidthと一緒に使ってはいけないみたいなことなどを調べてそれを消して行なってみましたがダメでした。
前にも同じようなものを作ったことがあり、それとの比較もしてみましたがどこが違うのかわかりません

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="practicejavascript.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>クイズ練習問題</title>
</head>
<body>
    <div id="js-question" class="question">
        <div class="container">
        <div id="question" class="question-wrapper">
        
        </div>
        </div>
    </div>

  <div class="answer-section">
     <div class="answer-container">

        <div calss="fixedfraze-wrapper">
          <div class="fixedfraze">この問題の答えは。。。</div>
        </div>

        <div class="answer-wrapper">
          <div class="answer">〇〇です</div>
        </div>

     </div>    
  </div>

</body>

.answer-container {
    border: solid;
    border-color: royalblue;
    margin-top:30px;
    padding: top 20px;
}

行動規範の内容に同意します

回答1件

ベストアンサー

CSS
1/*  padding: top 20px;*/
2    padding-top: 20px;

【padding-top - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/padding-top

【padding - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/padding

投稿2020/12/27 13:57

kei344

総合スコア69596

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

paddingが適用されない

調べたこと

関連した質問