質問するログイン新規登録

回答編集履歴

1

追記

2019/02/12 05:34

投稿

yoshinavi
yoshinavi

スコア3525

answer CHANGED
@@ -1,21 +1,21 @@
1
1
  floatで組む場合、HTMLの一部組替と修正、CSSの一部追加と修正が必要です。
2
2
  各要素の大きさや、floatの性質を見直されると良いかと思います。
3
3
 
4
+ -追記-
5
+ 画像を手持ちで試してたのですが、そのままのパスで回答してしまったので、提示コードどおりに画像パスを修正しました。
6
+ (^^;)
7
+
4
8
  ```HTML
5
- <body id=like>
6
-
7
- ////省略
8
-
9
9
  <div id="wrap">
10
10
  <div class="content">
11
11
  <div class="main-center">
12
12
  <h1>趣味</h1>
13
13
  <div class="like_box">
14
- <img src="../../../Desktop/1.jpg" alt="水泳" height="200" width="200"> <!-- ← 前後(上下)組替 -->
14
+ <img src="./images/.png" alt="水泳" height="200" width="200"> <!-- ← 前後(上下)組替 -->
15
15
  <h4>水泳</h4> <!-- ← 前後(上下)組替 -->
16
16
  </div>
17
17
  <div class="like_box"> <!-- ← 修正 -->
18
- <img src="../../../Desktop/2.jpg" alt="体操" width="200" height="200"> <!-- ← 前後(上下)組替 -->
18
+ <img src="./images/.jpg" alt="体操" width="200" height="200"> <!-- ← 前後(上下)組替 -->
19
19
  <h4>体操</h4> <!-- ← 前後(上下)組替 -->
20
20
  </div>
21
21
  </div>