質問編集履歴

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

jackie1993427

jackie1993427 score 52

2015/09/04 13:09  投稿

html、文字サイズを改行せずに変更、センタリング
すごく初歩的かもしれませんが質問させていただきます。
ページ内で価格を表記する際に、(税込)の部分のみフォントのサイズを小さくしたいです。
WordPressで扱っているので、CSSは使用せずにhtmlのみでスタイルを指定しています。
<div>
<p style="float:left; font-size: 30px; color: #ee0000; background-color:#000000; margin-top:-18px;">¥4,500</p>
<p style="color: #ee0000; background-color:#dddddd;">(税込)</p>
```ここに言語を入力
<div style="width:300px; margin:0 auto;">
<div style="background-color:#eeeeee; border:solid 1px none; border-radius:10px; height:40px; width:100%;">
<p>
<span style="float:left; font-size: 30px; color: #ee0000; margin:-5px 0 0 10px;">¥4,500</span>
<span style="color: #ee0000; margin:20px 0 -15px 0;">(税込)</span>
</p>
</div>
<div class="sel" style="margin-top:15px; width:216px; display:block; margin:0 auto;">  
<form name="form2"><select name="select2" style="float:left;">  
<option value="">サイズを選択してください</option>  
<option value="">【Sサイズ】</option>  
<option value="">【Mサイズ】</option>  
<option value="">【Lサイズ】SOLDOUT</option>  
</select>  
<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>  
</div>  
</div>  
```  
 
現在はこのようなソースになっていますが、
これをセンタリングしたく、
値段、税込は1行、
下のセレクト、ボタン要素全部を
センタリングしたく、
質問させていただきました。
すみませんがよろしくお願いいたします。
  [¥4,500(税込)]
[サイズを選択してください]
[    ボタン     ]
というイメージです。
すみませんがよろしくお願いいたします。
  • HTML

    23404 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る