버튼을 아래쪽에 맞추지 만 흐름을 유지하십시오

Question

버튼을 부모 요소의 맨 아래에 정렬 할 수 있지만, 공간에 공간이 생기도록 버튼을 계속 배치 할 수 있습니까?

하단에 버튼을 정렬하는 방법을 알고 있는데 position: absolute; bottom:0을 사용하지만 텍스트로 덮어 쓰게됩니다 (example).

상위 요소의 아래쪽 패딩으로 단추의 높이를 하드 코딩하지 않는 것이 좋습니다.

Answer 1

상위에 대해 패딩 하단을 버튼 높이와 같게 설정하면 텍스트가 버튼 위로 넘어 가지 않습니다.

here is fiddle example 
http://jsfiddle.net/t0e9hhn9/