다른 높이의 단락을 div의 맨 아래에 세로로 정렬 하시겠습니까?

Question

내가 달성하고자하는 것은 모든 단락이 div의 아래쪽을 따라 세로로 정렬되도록하는 것입니다. 이것을 어떻게 할 수 있습니까?

Answer 1

여러 단락을 연속적으로 설정하는 것 같습니다. 인라인 블록으로 만들고 vertical-align : bottom을 사용해보십시오.

단락의 길이에 따라 단락 사이의 문자 간격에 음수 값을 지정하고 단락을 재설정해야 할 수 있습니다.

Answer 2

나는 당신이 기대했던 것 같습니다 잘 모르겠어요,하지만 난이를 사용하여 그것을 관리했습니다 :

.wrapper p { 
width: 140px; 
padding: 10px; 
margin: 0 160px 0 0; 
background: black; 
color: white; 
display:table-cell; 
vertical-align:bottom; 
} 

가 난 그냥 float을 제거하고 display:table-cell;과 vertical-align:bottom;을 추가했다.

여기는 the fiddle입니다.