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

回答編集履歴

2

修正

2018/02/06 04:25

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -14,8 +14,10 @@
14
14
  <div class="right">
15
15
  <img src="img/hogehoge.png" width="350" height="240" alt=""/>
16
16
  </div>
17
- <div style="width: 400px; text-align: left;word-break:break-all" class="left" >
17
+ <div style="width: 400px; text-align: left;word-break:break-all">
18
18
  説明文ズラズラと………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
19
19
  </div>
20
20
  </div>
21
- ```
21
+ ```
22
+
23
+ ※修正:説明文の class="left" をはずすの忘れてました

1

調整

2018/02/06 04:25

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -1,10 +1,21 @@
1
1
  こういう感じでは?
2
-
2
+ (基本的に右寄せする方を先に書く)
3
3
  ```CSS
4
+ /* とりあえず全体の幅を調整 */
4
5
  .wrap{
5
6
  width:600px;
6
7
  }
7
8
  .right{
8
9
  float: right;
9
10
  }
11
+ ```
12
+ ```HTML
13
+ <div class="wrap">
14
+ <div class="right">
15
+ <img src="img/hogehoge.png" width="350" height="240" alt=""/>
16
+ </div>
17
+ <div style="width: 400px; text-align: left;word-break:break-all" class="left" >
18
+ 説明文ズラズラと………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
19
+ </div>
20
+ </div>
10
21
  ```