그동안 활동 한동안 포스팅이 뜸했습니다. 책으로 공부하고, 계속 css 반복연습만 하고 있었기 때문에 별로 포스팅할 내용이 없었습니다. TIL position을 활용하여 컴포넌트 겹치기 위의 사진에서 왼쪽 2조 2천억 버튼의 구성은 다음과 같습니다. 폰트어썸 아이콘 버튼에 표시되는 텍스트는 "value"속성의 문자열 값으로 표현해야합니다. 그러므로 태그를 직접 집어넣을 수 없습니다. 저 주스병 모양 아이콘은 input 버튼위의값이 아닙니다. position:absolute;를 활용하여 태그와 태그를 겹치게 만들어준것입니다. .left__btns__like { position:relative; } .left__btns__like > i { position:absolute; top:30px; // 아래로 이..