実現したいこと→ワードプレスで書くブログ記事の文章の中で、青い囲み線のデザインがあります。その文字が偏るため、文字を中央にしたい(偏らせたくない)
CSSで青い囲み線のデザインを記述しているのですが、いざ記事にコードを反映すると画像のように文章が偏ります。
デベロッパーツールから原因?のようなものは特定し、いざCSSを修正しようとしたところ、Unknown Propertyというエラーメッセージが出ています。
画像1(正しくない状態)
![
画像2(正しい状態)※デベロッパーツールをいじったところ正常になりました
デベロッパーツール上の表示
##追記
エディタ内でのunknown propertyエラーはスペースをいじったところ消えました。
しかし、デベロッパーツール上の「Unknown property name」のエラーは変わりません。
※上記デベロッパーツール上からpadding-topのチェックを一度外すと、△マークのpadding-bottomもチェックできるようになり、チェックを入れるとデペロッパーツール上は表示が問題なく反映されます。それならば、いざ、CSSをエディターから修正!しようとすると、unknown property(画像3参照)となっており、修正できないのが今回の本質かと思っています。(検討違いであればご指摘下さい)
CSS
.single ul, .single ol { background-color: #f8f9ff; border: dashed 1px #4865b2; margin-left: 40px; padding-top: 40px; padding-bottom: 40px;}
画像3(エディター内) ※追記 解消しました!
記事内のHTML
html
<ol><a href="https://twitter.com/*********">・Twitter</a></ol>
Unknown Property の改善方法についてご教示いただきたく存じます。
よろしくお願いいたします。
まだ回答がついていません
会員登録して回答してみよう