글꼴 크기가 다른 비 블록 수준 요소 사이의 줄 높이를 제어하는 방법은 무엇입니까?

나는 포장이 아닌 블록 레벨 요소 사이의 선 높이를 제어 할 필요가 레이아웃을 가지고 :글꼴 크기가 다른 비 블록 수준 요소 사이의 줄 높이를 제어하는 방법은 무엇입니까?

Example

I 돈 :

You Pay<abbr title="GBP">£</abbr>121.50 per month

내가 달성하고자하는 것은 같은입니다 아래에있는 요소가있을 것이므로이 위치를 지울 필요가 있고 절대 단락을 낮게 설정하면 그 상자에서 벗어나는 개체가 생성되므로 절대 위치 지정에 의지하고 싶지 않습니다. 아래의 피들을 참조하십시오.

아이디어가 있으십니까?

안녕하세요,이 솔루션에 대한 상대적인 절대적인 위치를 사용할 수 있습니다 ... –

감사합니다. Rohit, 실제로 효과가 좋습니다. 자녀에 절대 위치를 지정하고 부모에 상대 위치를 지정하고 작은 텍스트 요소의 글꼴 크기와 동일한 여백을 추가하여 간격을 유지합니다. :) –

먼저 p에 height을 입력하고 그 다음에 line-height을 절반으로 줄 수 있습니다 (2 줄).

p.payments { 
    line-height: 1em; 
    height:2em; 
}

그런 다음 1em에 small의 line-height을 설정하고 vertical-align • 그래도 제공 :

p.payments small { 
    line-height:1em; 
    vertical-align:top; 
}

이 그런 다음 .light의 vertical-align을 설정

p.payments small.light { 
    vertical-align:baseline; 
}

2013-03-28 12:53:08

글꼴 크기가 다른 비 블록 수준 요소 사이의 줄 높이를 제어하는 ​​방법은 무엇입니까?