[CSS] 여러 요소들 중 특정 요소만 오른쪽 정렬 시키기

반응형

 

세 가지 버튼 중 MY INPUT 버튼만 오른쪽으로 이동시키려고 했는데 float를 써도 align-items를 써도 다 안돼서 몇 시간 동안 씨름하다가 알게 된 방법

부모 요소에 display: flex;를 하고

움직이고 싶은 요소 css에 margin-left: auto; 를 하면 되는 것

margin을 왼쪽에 둬서 오른쪽으로 붙이는 방식으로 구현했다고 생각하면 된다.

 

 

짜잔 완성본