2012-08-16 9 views
0

앵커 태그와 display : block을 사용하여 만든 버튼이 있습니다. (그래서 전체 버튼을 cickable로)줄 바꿈?

버튼에 스타일을 추가하기 위해 줄 바꿈을 추가하고 싶습니다. 재산. 문제는 버튼의 일부분 인 display : block; 속성이 할당 취소 될 수 없게됩니다.

HTML

<a href="#"> 
    <span class="top">Connected To</span> 
    <span class="bottom">Relationships</span> 
</a> 

CSS

a{ 
     display:block; 
     padding:5px 20px; 
    } 
    .top{ 
     display:block; 
     font-size:15px; 
    } 
    .bottom{ 
     font-size:25px; 
     font-weight:bold; 
    } 

어떤 아이디어 : 여기

내 코드?

답변

3

이 코드는 복잡 할 수도 있지만 it works just fine입니다. 아마도 당신의 문제는 다른 곳에서있을 수 있습니다.

+0

글꼴에 cufon을 사용하고 있는데 영향이 있습니까? –

+1

@ShahmeerNavid : 아마도 가능합니다. * exact * 설정을 게시해야합니다 (JSfiddle로 표시하는 것이 좋음). 그렇지 않으면 사람이 어떻게 도움을 줄 수 있는지 알 수 없습니다. – Jon

0

cufon 스타일로 적용했을 수있는 이상한 선 높이 설정이 있습니까?