(わかりやすくするために何度か編集しています)
注: HTML を書いているのは私ではありません。
HTML の形式は次のとおりです (注: リンクとリンクの後のテキストは同じ行にあります)。
<li>
<strong>Title of section</strong>
<br>
<!-- Add hanging indent to subsequent lines if text goes onto second line-->
<a>link here</a> Some text here...
<br>
<!-- Add hanging indent to subsequent lines if text goes onto second line-->
<a>another link</a> More Text ...
</li>
私がやろうとしているのは、リンクで始まりテキストで続く各行にぶら下げインデントを追加して、テキストが次の行に続く場合、後続の行がインデントされるようにすることです。
ぶら下げインデントの例(ありがとう @Mohsen)
問題の図 (黄色のテキストで始まる行が左端にありすぎます。その上の行に「リンク」が並ぶようにインデントする必要があります):
純粋なCSSでこれを行う方法はありますか? そうでない場合は、javascript または jQuery を使用しますか?