質問: CSSで青い囲み線のデザインを記述しているのですが、いざ記事にコードを反映すると画像のように文章が偏ります。 デベロッパーツールから原因?のようなものは特定し、いざCSSを修正しようとしたところ、Unknown Propertyというエラーメッセージが出ています。 画像1(正しくない状態) ![![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/36f8cca26e6cbaf1d9cab18cc1e7cb97.png) 画像2(正しい状態)※デベロッパーツールをいじったところ正常になりました ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/b44888f3936a5d929482ac78cbb04b25.png) デベロッパーツール上の表示 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0f6f47f92fe72cbd7f586c7472614ca9.png) 追記 -- エディタ内でのunknown propertyエラーはスペースをいじったところ消えました。 しかし、デベロッパーツール上の「Unknown property name」のエラーは変わりません。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/14b8a68ef45bd4ba472d52f0f895e3e4.png) ※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。それならば、いざ、CSSをエディターから修正!しようとすると、unknown property(画像3参照)となっており、修正できないのが今回の本質かと思っています。(検討違いであればご指摘下さい) ``` .single ul, .single ol { background-color: #f8f9ff; border: dashed 1px #4865b2; margin-left: 40px; padding-top: 40px; padding-bottom: 40px;} ``` 画像3(エディター内) ※追記 解消しました! ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/693e7c5410c03ab4df0a043a0483ec44.png) 記事内のHTML ``` ・Twitter ``` Unknown Property の改善方法についてご教示いただきたく存じます。 よろしくお願いいたします。
回答: padding-bottom:の前に全角スペースとか数字スペースとか入ってるのかな? あるいはHTMLとして編集してスペースを入れたなら とかになってるかも インデントは他の記述に合わせて半角スーペースかタブで