今回は自分がしようとしていたことの
顛末を簡潔に書こうと思い違った書き方にします！
❶何をしようとしていたのか（理想と発生している表記）
dispaly:flex; align-items:center; justfy-content:center;を使用し、
div要素を真ん中に持って行きたかったが、要素が縦になってしまいうまくいかない。
❷自分で調べて仮説
検証ツールを見たところ、CSSはうまく反映されている。
なので、問題はHTMLの該当class要素、ないしはそのタグ部分に問題があると推測。
❸検証と結果
誤字脱字を探したが、見当たらなかった。
そもそも誤字脱字があればCSSがうまく反映されないので見当違い。
であれば、ブロック要素がおかしいと判断し、div要素にフォーカス。
その結果、
誤）
div class="" /div
ul
li****/li
/ul****
正）
div class=""
ul
li****/li
/ul****
/div
と直すことができました！(<>を入れると反映されて要素の文字が消えてしまうので、あえて入れてません＞＜）
初心者にありがちなミスと言われました笑
今後もよく発生すると思われ、この直後にもう一度やらかしていますが、
すぐに見つけることができました。
ミスの結果表示は同じでも
中身のミスは十人十色の世界なんだなと
勉強になりました。