일반 말줄임은 text-overflow나 line-clamp속성을 이용한다는 것은
마크업공부를 한 사람들이라면 모두 다 알만한 내용들!
하지만 이번 포스트에는 제목+아이콘 (예를들면 New)
말줄임 + 아이콘이 유동적이게 우측에 붙어있어야 함에 대한 대응방법을 소개합니다 :>

inline-block 이용하기

See the Pen GxRBOa by lee-hyuna (@lee-hyuna) on CodePen.

float:right 이용하기
이 경우는 HTML에서 아이콘을 먼저 작성해야한다

See the Pen float:right 이용하기 by lee-hyuna (@lee-hyuna) on CodePen.

table-cell / line-clamp 이용하기

See the Pen table-cell / line-clamp 이용하기 by lee-hyuna (@lee-hyuna) on CodePen.

inline-block / line-clamp / absolute 이용하기

See the Pen table-cell / line-clamp 이용하기 by lee-hyuna (@lee-hyuna) on CodePen.

display:flex / -webkit-line-clamp 이용하기

See the Pen display:flex와 -webkit-line-clamp 이용하기 by lee-hyuna (@lee-hyuna) on CodePen.