보통 방법은 두가지입니다.

고정 넓이값이 있을때

<div style="width:100px;height:100px;background:red;margin:0 auto"></div>

width는 max-width를 사용하셔도 문제 없습니다.

고정값이 없을때

감싸는 테그에 text-align:center 처리 하시고 그 안에 있는 테그에 display:inline-block;*displlay:inline 처리하시면 됩니다.

 <div style="text-align:center"><div style="background:red;display:inline-block;*display:inline">텍스트</div></div>

element.style 에 값이 있을때는 css 처리에서 margin:30px auto 50px auto !important 처리 하시면 됩니다.

여기에 소개된 친절하신 분들의 도움으로도

우리 회사 서버에는 잘 안되어서 

며칠 헤매다가 해결책을 찾았습니다.

혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까

아래 링크를 참고하여 보시기 바랍니다.

늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,

저도 도움이 될 수 있으면 정말 좋겠네요.
 

https://yorom.kr/index.php?mid=RomeNote&document_srl=785