줄 바꿈을 무시하고 텍스트의 맨 아래 줄을 표시 하시겠습니까?

Question

두 개의 컨테이너가 서로 겹쳐 있고, 맨 위에는 몇 개의 단락이 있습니다.

텍스트의 하단 라인이 하단 컨테이너보다 50px 높아야합니다.

그래서 상단 컨테이너에는 50px 여백을, 하단 컨테이너에는 50px 위쪽 여백을 사용합니다.

문제는 텍스트에 줄의 높이가 적용되어 텍스트의 아래쪽 줄부터 정확하게 50px가되지 않는다는 것입니다.

어쨌든 텍스트가 그 지점에 도달하면 하단에 플러시되도록 하시겠습니까?

희망이 있습니다 ... 나는 그 사소한 점을 높이 평가하지만 일부 고객은 특정 기능을 원합니다.

Answer 1

당신은 하단의 font-size 같은 국경 상단 용기에 line-height 설정을 시도 할 수 있습니다 :

font-size: 14px; 
line-height: 14px; 
border-bottom: 1px solid #f00; 
marign-bottom: 50px; 

jsFiddle

Answer 2

이 padding-bottom 대신