相対位置がリンクテキストをプッシュします

Question

私はこのjsfiddleに私の問題の大部分を説明させます。

http://jsfiddle.net/zAPVQ/4/

私はこれに似たレイアウトを持っています。左に画像があり、右にブロックリンクがあります。私が配置を設定した方法では、<a>内のテキストがブロックの下にプッシュダウンされます。

<span>タグを使用してより多くのタグを使用して解決策を作成しましたが、最終結果が得られません。ボタンを作成/変更/削除する必要がある場合は、テキストの配置を混乱させる必要があります。

誰でもリンクブロック内のテキストを維持する良い方法を知っていますか？

Answer 1

Fiddleを更新しました。

私はあなたの大きなリンクCSSに

overflow: hidden; 

を追加しました。

もElement with Overflow:auto affected by Floating Element

Theresのそれはあまりにもそこで働く理由の説明に良いリンクのカップル別の答えからこの質問に今日これを見ました。

Answer 2

マイナスのマージンを使用してください。 margin-topのように：-75px;