상대 위치 지정을 사용하면 링크 텍스트가 아래로 이동합니다.

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;