HTMLの書き方（超初心者です。）

<br>（改行）程度しか知らない超初心者です。

以下のような場合、どうすればいいのでしょうか？

例えば、
「17.1.1　あけましておめでとうございます。」を

17.1.1　あけまして
　　　　おめでとうございます。

のような、「あけまして～」の「あ」と「おめでとう」の「お」を縦にきちんと並ぶようにするにはどうすればいいのですか？

17.1.1　あけまして<br>
　　　　おめでとうございます。

と書いたら、

「17」の下に「お」がきてしまいました。

17.1.1　あけまして
おめでとう。

↑こんな感じに。

「あ」と「お」をきちんと縦にそろえる記載方法を教えていただけませんか？

No.1 ベストアンサー 回答者： red_s 回答日時： 2005/07/21 00:38

<table border="0">

<tr><td valign="top">17.1.1</td><td valign="top">あけまして<br>おめでとうございます。</td></tr>
</table>
と記述してはいかがですか。

この回答へのお礼

すごいですね。たまらず唸ってしまいました。さずがです。ばっちりでした。ありがとうございました。深くお礼申し上げます。

お礼日時：2005/07/21 00:51

No.2 回答者： wsws 回答日時： 2005/07/21 00:45

<pre></pre>でそのまま、くくってください。

フリーのHP作成ソフトがありますのでそれを使ってください。
熟練者ばかりなのでそれぞれのリンクが多彩ですので飛んで勉強してください。

No.3 回答者： Mulumba 回答日時： 2005/07/21 00:48

「17.1.1」と「あけまして<br>おめでとう。

」をそれぞれ別のブロック要素<div></div>に入れます。
<div>17.1.1</div><div>あけまして<br>おめでとう。</div>
次に各ブロック要素のスタイルシートで二つのブロック要素が横並びになるように指定します。
<div style="float: left">17.1.1</div><div style="float: right">あけまして<br>おめでとう。</div>
ただしこの方法ではスタイルシートのfloatに対応していないブラウザ（Macのicab等）では正しく表示されません。
一般的には#1さんのようにテーブルのセルに入れてしまうという方法が取られています。