CSSファイルを使用せず、HTMLの記述だけで"※"印のぶら下げインデ

CSSファイルを使用せず、HTMLの記述だけで"※"印のぶら下げインデントを表示するにはどうしたらよいでしょうか？CSSファイルを利用して再現する方法は結構あるようですが、事情があってCSSファイルは自由に編集ができないのでHTMLのタグだけで再現したいです。<li>では"※"は再現できないみたいなので・・・すいませんが、お知恵貸していただけるとうれしいです。

No.3 ベストアンサー 回答者： kuzumiHK 回答日時： 2010/08/07 18:35

＞※印でぶら下がりインデントってあんまり一般的じゃないのかなぁ。

。。

おそらくルビや※などが日本語（英語圏以外）の仕様で、
CSS2がユーザビリティ的に作りが甘いためだと思います。
現在、text-indentのマイナス指定やdt、ddで作るのが一般的なようです。
本来のtext-indentの使用方法とは逆の使い方になってしまっているので、
あくまでCSS3がきっちり実装されるまでの代用だと思いますが。。

:before疑似要素やliタグの進化、今後のブラウザの実装状況に期待したいところです。

この回答へのお礼

なるほど、確かにそうかもしれないですね。
欧米圏だと、正解には丸印じゃなくて、バツ（チェック）ですもんね。

留学したばっかりのとき、テストにバツばっかりでびっくりしたものです（*^_^*）

参考になりました。ありがとうございます。

お礼日時：2010/08/12 09:32

No.2 回答者： grumpy_the_dwarf 回答日時： 2010/08/06 11:29

普通にstyle要素を書けばいいのでは。

ぶら下げたいのがremarkって
クラスの段落だとすると、headの中で
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">.remark {text-indent:-1em;}</style>
とか書いておけばいいような気がしますけどね。もちろん段落の冒
頭には"※"が書いてあるってことで。

該当する段落にstyle属性をつけてもいいけど。

この回答へのお礼

アドバイスありがとうございます。
一度、試してみます。
<ul>で指定ができるといいのに…どうしてできないんでしょうね？
※印でぶら下がりインデントってあんまり一般的じゃないのかなぁ。。。

お礼日時：2010/08/06 23:03

No.1 回答者： askaaska 回答日時： 2010/08/06 11:06

一番分かりやすいのは<table>で組むことね。

<dl compact>もいいわね。

この回答へのお礼

アドバイスありがとうございます。
<table>ですか、試してみます。

<dl compact>は…経験がないので、
自分のスキルでできそうなら試してみたいです。

お礼日時：2010/08/06 23:05