멋진 글꼴을 아래쪽에 세로로 정렬

Question

나는 여기에 간단한 것을 놓치고 있어야한다고 생각합니다. 글리프 내용/글리프 자체를 부모 요소의 맨 아래에 맞출 수 있습니까?

this example이 주어지면 아이콘에 관계없이 어떻게 모든 아이콘을 맨 아래에 유지할 수 있습니까?

은 분명히 내가 아이콘마다 다른 line-height 속성을 가질 수 있지만,이 문제에 대한 더 일반적인 방법이 있는지 궁금하네요 :

여기에 더 나은 내가 원하는 것을 설명하기 위해 이미지입니다. 또는 fixed width approach과 유사한 도우미 클래스를 사용하여 글꼴이 멋지게 배송 될 경우 (fa-fw을 사용하여)

Answer 1

Font Awesome에서 파고들었지만 고정 된 글리프 높이에 대한 해결책이없는 것처럼 보였습니다. 내가해야 할 일은 다음 CSS를 추가하고 각 글리프를 수동으로 배치하는 것입니다.

해피 코딩!

.icon-elem { 
    position: relative; 
} 
.fa-user { 
    top: 7px; 
} 
.fa-cloud-upload { 
    top: 15px; 
}