[문의] 고수 분들 도와주세욧!!!!! 인장 중앙정렬

<div style="background:url(https://upload2.inven.co.kr/upload/2017/03/24/bbs/i16533769587.png); width:450px; height:675px; background-poisition-y:center; background-repeat: no-repeat;">

<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="국그릇"><span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #fbb2ab; padding: 0 2px; height: 17px;"></span><span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fbb2ab; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span><span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div>

</div> 

현재 적용 중인 인장의 태그 입니다. 지금 이미지와 인장의 중앙정렬 등이 안되서 ... 
어려움을 겪는 중입니다... 학교에서 다 배웠던 것들인데.. 공부 좀 열심히할걸 ㅠㅠ

사진과 마격발사기를 중앙정렬로 할 수 있을까요 ㅠㅠ? 

고수님들의 도움 요청합니다