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

質問編集履歴

1

ソースの修正、イメージの追加

2015/09/04 04:09

投稿

J4CK1E
J4CK1E

スコア66

title CHANGED
File without changes
body CHANGED
@@ -2,13 +2,37 @@
2
2
  ページ内で価格を表記する際に、(税込)の部分のみフォントのサイズを小さくしたいです。
3
3
  WordPressで扱っているので、CSSは使用せずにhtmlのみでスタイルを指定しています。
4
4
 
5
+ ```ここに言語を入力
6
+ <div style="width:300px; margin:0 auto;">
7
+ <div style="background-color:#eeeeee; border:solid 1px none; border-radius:10px; height:40px; width:100%;">
5
- <div>
8
+ <p>
6
- <p style="float:left; font-size: 30px; color: #ee0000; background-color:#000000; margin-top:-18px;">¥4,500</p>
9
+ <span style="float:left; font-size: 30px; color: #ee0000; margin:-5px 0 0 10px;">¥4,500</span>
7
- <p style="color: #ee0000; background-color:#dddddd;">(税込)</p>
10
+ <span style="color: #ee0000; margin:20px 0 -15px 0;">(税込)</span>
11
+ </p>
8
12
  </div>
9
13
 
14
+ <div class="sel" style="margin-top:15px; width:216px; display:block; margin:0 auto;">
15
+ <form name="form2"><select name="select2" style="float:left;">
16
+ <option value="">サイズを選択してください</option>
17
+ <option value="">【Sサイズ】</option>
18
+ <option value="">【Mサイズ】</option>
19
+ <option value="">【Lサイズ】SOLDOUT</option>
20
+ </select>
21
+ <input style="background-color: #ffffff; background-image: url('images/btn_cart.png'); margin:10px 0 0 -5px; width: 216px; height: 50px; border: none;" type="button" value="" /></form></div>
22
+ </div>
23
+ </div>
24
+ ```
25
+
10
26
  現在はこのようなソースになっていますが、
27
+ 値段、税込は1行、
28
+ 下のセレクト、ボタン要素全部を
11
- これをセンタリングしたく、
29
+ センタリングしたく、
12
30
  質問させていただきました。
13
31
 
32
+ [¥4,500(税込)]
33
+ [サイズを選択してください]
34
+ [ ボタン ]
35
+
36
+ というイメージです。
37
+
14
38
  すみませんがよろしくお願いいたします。