HTMLで数行にわたる文章を番号以外を字下げしたいのですが、方法がわかりません。

テーブルで処理しようとすると数字がうまく配置できませんでした。よろしくお願い致します。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/12/10 09:24:44
  • 終了:2007/12/17 09:25:03

回答(4件)

id:Mook No.1

Mook回答回数1312ベストアンサー獲得回数3912007/12/10 09:42:35

ポイント23pt

LI タグを使用してはどうでしょうか。

のように書くと

<OL>
<LI>&lt;LI&gt;タグはList Itemの略で、リストの項目を記述する際に使用します。 リスト表示したい項目に&lt;LI&gt;タグをつけて&lt;UL&gt;~&lt;UL&gt; または&lt;OL&gt;~&lt;OL&gt;の間に記述します。 

<LI>&lt;UL&gt;と&lt;OL&gt;の使い分けですが、 &lt;UL&gt;はUnordered Listの略で、リスト項目に順序を付けない場合に使用し、 &lt;OL&gt;はOrdered Listの略で、リスト項目に順序を付ける場合に使用します。 
</OL>

下記のように表示されます。

  1. <LI>タグはList Itemの略で、リストの項目を記述する際に使用します。 リスト表示したい項目に<LI>タグをつけて<UL>~<UL> または<OL>~<OL>の間に記述します。
  2. <UL>と<OL>の使い分けですが、 <UL>はUnordered Listの略で、リスト項目に順序を付けない場合に使用し、 <OL>はOrdered Listの略で、リスト項目に順序を付ける場合に使用します。

http://www.htmq.com/html/li.shtml

解答欄の表示はブラウザによっては異なってしまいますが、HTMLの方は期待通りになるかと思います。

id:hate_na_com No.2

hate_na_com回答回数37ベストアンサー獲得回数32007/12/10 09:50:04

ポイント23pt

テーブルでレイアウトするのであれば、1列目に「番号」、2列目に「番号に対応した文章」、一つの「番号」で1行として、「番号」が増えるごとに行を増やしていけば解決できると思います。

http://deztec.jp/design/05/02/20_table.html

id:blueberrystream No.3

KID the Euforia回答回数34ベストアンサー獲得回数52007/12/10 09:51:59

ポイント22pt

番号付きリストの中のdiv要素の左余白で調整するってのはどうでしょうか。

http://msugai.fc2web.com/web/CSS/padding.html

<html>

<head>

<style>

<!--

div.20px {

padding-left: 20px;

}

div.40px {

padding-left: 40px;

}

div.60px {

padding-left: 60px;

}

div.200px {

padding-left: 200px;

}

  • >

</style>

</head>

<body>

<ol>

<li><div class="20px">item1 20px</div></li>

<li><div class="40px">item2 40px</div></li>

<li><div class="60px">item3 60px</div></li>

<li><div class="200px">item4 200px</div></li>

<li><div class="20px">item5 20px<br>複数行<br>複数行</div></li>

</ol>

</body>

</html>

id:Redstock No.4

Redstock回答回数8ベストアンサー獲得回数12007/12/10 17:23:27

ポイント22pt

定義リストを利用してみてはいかがでしょうか?

http://www.tohoho-web.com/html/dl.htm

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません