質問編集履歴

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

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で作成されています。 Myタグに追加