학습한 내용

오늘은 어제에 이어 사업현황의 에코스 오른쪽 부분을 구현하였다

디자인 시안

위와 같이 div를 나누었다
css

완성한 모습

어려운 내용

글자를 오른쪽으로 정렬이 잘 되지 않는 어려움이 있었다

해결방법

글자 태그에 text-align right를 주면 글자가 오른쪽으로 붙는다

학습소감

사업현황의 에코스 부분 오른쪽도 마저 구현을 끝내 에코스 부분은 마무리를 하였다
버튼의 이미지와 글자가 아직 자연스럽지 못한데 글자를 p 태그로 묶어서 이미지와 p 태그에 클래스를 지정하면 각각 위치를 잡아주는데 어려움이 없을 것 같다