リストマーカーをボックス内に収めて、かつ、<li>内の文章だけをリストマーカーよりもインデントする方法は?
HTMLの<li>タグでリスト文章をつくるとき、list-style-positionでoutsideにしているボックスの外にリストマーカーが配置されてしまうので論外ですし、かと言ってinsideにしても<li>タグ内の文章の二行目以降がリストマーカーと同列に配置されてしまい、<li>内の文章よりも左側にリストマーカーがはみ出してくれないのでリストマーカーが<li>内の文章に埋没してしまって見にくくて困っており、回避策を探しております。
リストマーカーをボックス内に収めて、かつ、<li>内の文章だけをリストマーカーよりもインデントする方法はないのでしょうか?
【現在の問題な状態】
● list-style-positionをoutsideにした場合:リストマーカーがボックスモデルからはみ出してしま
ってしまう問題がある
● list-style-positionをinsideにした場合:リストマーカーがボックスモデル内には入って配置して
くれるのの、文章がインデントされてしまう問題がある
【希望する正しい状態】
● list-style-positionをoutsideにした場合:リストマーカーがボックスモデルからはみ出してしま
ってしまう問題がある
● list-style-positionをinsideにした場合:リストマーカーがボックスモデル内には入って配置して
くれるのの、文章がインデントされてしまう問題がある
宜しくお願いいたします。