###前提・実現したいこと
div内の画像を横並びにしたいのですがfloat指定しても並んでくれません
###発生している問題・エラーメッセージ
指定しても縦に並んだ挙句divの真ん中の方によっていってしまいます
###該当のソースコード Htmlは現在こうなっています ```<div class="imagearea"> <figure><img src="xxxx.gif" width="186.45px" height="139.83px"><figcaption>Gif animation</figcaption></figure> <figure><img src="x.jpg" width="186.45px" height="139.83px"><figcaption>jpg material-1</figcaption></figure> <figure><img src="xx.jpg" width="186.45px" height="139.83px"><figcaption>jpg material-2</figcaption></figure> <figure><img src="xxx.jpg" width="186.45px" height="139.83px"><figcaption>jpg material-3</figcaption></figure> <figure><img src="xxxx.jpg" width="186.45px" height="139.83px"><figcaption>jpg material-4</figcaption></figure> <figure><img src="xxxxx.jpg" width="186.45px" height="139.83px"><figcaption>jpg material-5</figcaption></figure> </div> 現在のCSS ```figure { float: left; margin: 0px 7px 7px 0px; background-color: none ; } figure img { display: block; margin: 0px 0px 3px 0px; } figcaption { font-size: 0.9em; text-align: center; } div.imagearea:after { content: ""; clear: both; display: block; }
###試したこと
色々検索にかけてみたサイトの方ではこのコードでしっかりfloat指定もできていたので
どうしようもなくこちらで質問させていただきました
###補足情報(言語/FW/ツール等のバージョンなど)
htmlとCSSはbracketをつかって打っています
回答1件
あなたの回答
tips
プレビュー