justify-contentが未対応のプロパティとエラー

Question

実現したいこと

CSSで justify-content:space-betweenを使いたい

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

デベロッパーツールで未対応のプロパティ名とエラー

該当のソースコード

<div class="boxcontainer">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
</div>

.boxcontainer {
   display: flex;
   justify-content: space-between;
}

試したこと

justify-contentのほかの値を入れてみました
space-aroundとか他もダメでした。

Safari Chromeともに同じ

デベロッパーツールでcssの
justify-content: space-between;に線がついて右側に黄色いびっくりマーク
カーソルを合わせると未対応のプロパティ名と出ます。

.boxcontainer {
   display: flex;
   justify-content: space-between;
}

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

Wordpressの追加cssで書いています。
style.cssにかいても変わらず

Comments

[itagagaki]

問題は再現できませんでした。
もっと詳細な再現手順が必要です。
でも、何かの間違い、勘違いのような気がします。

[maisumakun]

使用中のブラウザとバージョンは何ですか？

[sheep100]

Safari バージョン15.4 (17613.1.17.1.13)です。

Answer 1

.boxcontainer {
display: flex;
justify-content: space-between;
}

justify-contentの前は半角スペースだと思うのですが
この半角スペースを消すと動きました。
追加CSSで書くとちがうのでしょうか
いろいろ改行試したりするとdisplayの方も打ち消し線になってしまうのがよくわからないですが
スペースを消すことで治りました。。。ありがとうございました。