css - アンカー テキストが正しく折り返されない

Question

アンカー テキストを 2 行目に折り返し、レイアウトを維持する必要があります。私はすべてを試しましたが、ここで何が間違っているのかわかりません。

上記は私が望む方法です。ライブレイアウトを見ることができる私のデモサイト: http://www.iamvishal.com/residen/?q=node/54

私は多くのバリエーションを試しました

最大幅のワードラップ

しかし、何も機能していないようです。

Answer 1

奇妙なラッピングはpadding、インライン要素での使用によるものです。paddingをアンカーの代わりに要素に移動するかli、アンカーを または に変更するdisplay: block必要がありdisplay: inline-blockます。