[CSS] div내 요소 중 float:right 이탈 문제 해결

오늘은 trello-clone을 하던 중 발생한 에러에 대해서 알아보려고 합니다!

이탈한 수정버튼

제가 예전에 작업한 프로젝트인 trello-clone입니다. To do list에서 수정 버튼을 추가해줬고,

 

문자열이 특정 길이가 되면 수정버튼이 아래로 이탈하는 경우가 있었습니다.

 

위와 같이 이탈하는 경우였습니다.

 

해결 방법은 간단했습니다.

html을 작성할 때, 

오른쪽 영역의 코드와 가운데 영역의 코드의 순서를 바꿔주면 해결이 되었습니다.

 

참고

https://windcjg.blogspot.com/2022/09/align-center.html