HTML div 요소 정렬

mat-card 를 사용 하던 도중 button을 우측 하단에 놓고 싶었다. 하지만, 구글링을 해도 float : right 를 하면 된다는 글들이 있었다. 냅다 따라했지만 오른쪽에 위치하는건 맞는데 div 밖으로 튀어 나온다. 혈압이 터질 거 같았지만 다른 방법을 찾아 보았다. 결과만 말하고 끝내고 싶다

 

display: flex;

justify-content: flex-end;

 

선에서 정리 가능.

 

 

See the Pen by Junmannn (@Junmannn) on CodePen.

+ div 자체를 중앙 정렬하는 코드 : div 자체에 적용하는 스타일 한 줄이면 정리 가능

 

style = "margin:0 auto;"