スタイルシートで点線のアンダーライン
スタイルシートを使用し、インデントを付けたテキストに点線のアンダーラインをつけようとしています。
【CSS部分】
.honbun {
border-bottom-style: dotted;
border-left-width:20px;
border-bottom-color: #523D2F;
border-bottom-width: 1px;
margin: 20px;
line-height: 20px;
}
【html部分】
<p class=honbun>
テスト<br>
テスト<br>
テスト<br>
</p>
【画面結果】
テスト
テスト
テスト
------
すべての行のテキストのアンダーラインに、点線のアンダーラインを入れたいのですが、
ひとつの要素としてみてしまうのか、できません…。
一行づつにスタイルシートで点線を指定しなければ実現できないのでしょうか。（そもそも不可能？）
よろしくご教授ください。どうぞよろしくお願い致します。
お礼
回答ありがとうございました。いや～、<br>書いても出る時ありますし、imageなどできちんと機能してるtextでも出るんですよねぇ？まあやってる内にわかるかもしれません。