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

質問編集履歴

2

例文を追加(価格がすべて同じ桁数だったため)

2018/05/30 08:08

投稿

TemmeiYamada
TemmeiYamada

スコア17

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,7 @@
3
3
  オレンジジュース・・・・・・350円
4
4
  レモンスカッシュ・・・・・・450円
5
5
  トマトジュース・・・・・・・300円
6
+ 欧州カレーセット・・・・・1,000円
6
7
 
7
8
  レスポンシブでこのような表を作りたいです。
8
9
 
@@ -19,6 +20,7 @@
19
20
  <dt>オレンジジュース</dt><dd>350円</dd>
20
21
  <dt>レモンスカッシュ</dt><dd>450円</dd>
21
22
  <dt>トマトジュース</dt><dd>300円</dd>
23
+ <dt>欧州カレーセット</dt><dd>1,000円</dd>
22
24
  </dl>
23
25
 
24
26
  or
@@ -27,6 +29,7 @@
27
29
  <li>オレンジジュース<span>350円</span></li>
28
30
  <li>レモンスカッシュ<span>450円</span></li>
29
31
  <li>トマトジュース<span>300円</span></li>
32
+ <li>欧州カレーセット<span>1,000円</span></li>
30
33
  </ul>
31
34
 
32
35
  ```

1

追記

2018/05/30 08:08

投稿

TemmeiYamada
TemmeiYamada

スコア17

title CHANGED
File without changes
body CHANGED
@@ -5,8 +5,13 @@
5
5
  トマトジュース・・・・・・・300円
6
6
 
7
7
  レスポンシブでこのような表を作りたいです。
8
- ※**間のナカグロ(・)は自動で埋める(レスポンシブのためナカグロの数は可変する)**
9
8
 
9
+ ### 条件
10
+
11
+ 1. **間のナカグロ(・)は自動で埋める(レスポンシブのためナカグロの数は可変する)**
12
+ 2. 外枠は100%にし、**商品名は左揃え、価格は右揃えにする**
13
+
14
+
10
15
  ### 該当のソースコード
11
16
 
12
17
  ```html