下記のコードは＊画像と文字列（テキスト）をFlexBoxで横並びに表示しようとしたものですが、横並びに表示されないで縦に並びます。原因がわかりません。ご教示をお願いします。 jpgデーター　 ![イメージ説明](3dbc1f33cb0ff993adb58a50d1c4ab17.jpeg) ```HTML コード

Catalog

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

``` ```CSS コード .section { background-color:#F5F5F5 ; width: 100%; margin: 0; } .catalog-antique { background-color: #f5f5f5; padding: 60px 0; } .catalog-antique .sec-title { margin-bottom: 40px; } .catalog-antique .item { width:50%; text-align: center; } .catalog-antique .item-flex { display: flex; align-items: center; justify-content:space-between; list-style: none; } .catalog-antique .item p { margin-bottom: 30px; text-align: left; } .catalog-antique .item p:last-child { margin-bottom: 0; } ```

	@@ -1,1 +1,1 @@
1	- ~~FlexBox~~で横に表示されない。
1	+ Flexboxで横に表示されない。

質問編集履歴