실제 코딩을 할 때 div 구역 안에 내용물을 가운데 정렬하려면 display:flex라는 것을 사용하시는 부분을 학습하였는데요,

text-align은 말 그대로 텍스트, 글자만 있을 경우 글자가 화면에 가운데 오도록 명령하는 것이고, 글자가 버튼 등과 함께 있을 때는 내용물이 텍스트만 있는 것이 아니기 때문에 이럴 경우 display:flex라는 것을 이용하게 되는 걸까요?

때로는 padding이라는 것을 이용해서도 내용물을 센터에 오게 하는 경우를 보아서 이들 사용법에 대해 보다 명확한 차이 그리고 사용법, 예제 이런거 궁금합니다.

감사합니다.