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

質問編集履歴

1

追記・修正

2019/01/12 11:36

投稿

sena14
sena14

スコア109

title CHANGED
File without changes
body CHANGED
@@ -8,6 +8,15 @@
8
8
  どのようにすればうまくいくのでしょうか?
9
9
  よろしくお願いします。
10
10
 
11
+ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
12
+ *追記
13
+ 下のdivで組んでみたのですがここからどうしたらいいのかわからず困っています。
14
+ divで組んでもmarginが表示されません。
15
+
16
+ やりたいこととしては
17
+ 1、AとBの間に余白をつける。
18
+ 2、Bの文字数が増えた時に改行はAより左に表示されAの上下はBの高さの中心に来るようにしたいです。
19
+
11
20
  ```ここに言語を入力
12
21
  <table>
13
22
  <tr>
@@ -51,4 +60,63 @@
51
60
  td {
52
61
  padding: 32px 0px;
53
62
  }
63
+ ```
64
+ ```ここに言語を入力
65
+
66
+ <div class="table">
67
+
68
+ <div class="column">
69
+ <div class="A">
70
+ AAAAAA
71
+ </div>
72
+ <div class="B">
73
+ BBBBBB
74
+ </div>
75
+ </div>
76
+
77
+ <div class="column">
78
+ <div class="A">
79
+ AAAAAA
80
+ </div>
81
+ <div class="B">
82
+ BBBBBB
83
+ </div>
84
+ </div>
85
+
86
+ <div class="column">
87
+ <div class="A">
88
+ AAAAAA
89
+ </div>
90
+ <div class="B">
91
+ BBBBBB
92
+ </div>
93
+ </div>
94
+
95
+ <div class="column">
96
+ <div class="A">
97
+ AAAAAA
98
+ </div>
99
+ <div class="B">
100
+ BBBBBB
101
+ </div>
102
+ </div>
103
+
104
+ </div>
105
+ ```
106
+
107
+ ```ここに言語を入力
108
+
109
+
110
+ .column{
111
+ border-bottom: dashed 2px #000000;
112
+ padding: 32px 0;
113
+ }
114
+
115
+ .A{
116
+ float: left;
117
+ }
118
+
119
+ .B{
120
+ margin-left: 8px;
121
+ }
54
122
  ```