Q&A
「hayate」や「test」を横並びにしたいということでしょうか。
それ等の文字列を持つpタグはflexを適用したheaderタグの外にありますが、正しくはheaderタグの中ではないでしょうか。
親要素にdisplay: flex;を適用しているのに横並びになりません。
このようにcssを適用させています。（合っているかはわかりません）
この状態でrails sをしてサーバーを立ち上げてみると
このように表示されてしまい、横並びにすることができません。
回答1件
0
ベストアンサー
こんばんは。
display: flex;が効いていないんでしょうか？
効いていないと思います。
フレックスで横並びにしたい場合は、横並びにする要素の親要素にdisplay: flexを付してください。
祖先要素につけても、あまり意味はありません。
投稿2020/12/01 09:08
総合スコア36074
回答ありがとうございます！！
この場合の親要素はどこでしょうか？
無知ですいません。
.header__bar だと思います。
できました！
ご丁寧にありがとうございます。
あなたの回答
tips
プレビュー
