나름대로 인장 수정을 하려고 애써보았는데 잘 안돼서 질문드립니다
인장 소스는 맨밑에 첨부할게요


질문 1.
이미지 두개를 가로배열해서 각각 토글기능을 넣어보려고 했는데요
어찌어찌 다 써넣고 미리보기를 열면 밑 이미지처럼 가로로 잘 되어있습니다




근데 저장 후 다시 인장을 열어보면 밑 이미지처럼 자동으로 배치가 세로로 바뀝니다.
이유를 모르겠어서 질문 드려요

질문 2.
가로배열 하는 중 이미지를 원하는 대로 정렬할 수 없을까요?
본문 맨 위 이미지대로 서로 붙어있고 우측 이미지가 아래로 끌어내려져 있게 말고 
밑 이미지처럼 보기 예쁘게 둘을 살짝 띄우고 오른쪽 이미지 높이를 중앙으로 끌어올리고싶은데
그림 간 띄어쓰기 명령어도 그림 위치조정 명령어도 모르겠습니다...






----------------인장 소스----------------



<br><div style="text-align: center"><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; border-radius: 6px; border: 1px solid #FF2424; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-10,last-attack-20,last-attack-all" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="떡볶이와뚱냥"><span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #FF2424; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span><span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #FF2424; 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: #FF2424; border-radius: 6px; border: 1px solid #FF2424; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div></div><br><br><br>

<center>
<div data-inven-tabs data-inven-tab-selected="none">
<div data-inven-toggle="seal">
<!-- 버튼들 -->

<img src="https://upload2.inven.co.kr/upload/2019/10/31/bbs/i14044804960.png" style="text-align: left" data-inven-tab-for="A">

<img src="https://upload2.inven.co.kr/upload/2019/10/31/bbs/i13942287479.png" border="0" style="height: 148px;" data-inven-tab-for="B">

</div> 
<div data-inven-id="seal" style="display:none;">

<!-- 본문들-->

<div data-inven-tab-id="A" style="display:none;">
<br><br><div style="text-align: center;font-weight:bold">FINAL FANTASY 14 모그리</div><br><div style="text-align: center">탱근원캐채작함 힐러안함</div><div style="text-align: center"><span style="font-size: 9pt;">올만렙 업적 10800점+@</span></div><br><br><div style="text-align: center;font-weight:bold">레이드 진행도</div><br><div style="text-align: center">[ARR] 대미궁 바하무트</div><div style="text-align: center">해후 / 침공 / 침공 영웅 (2층 조율해제) / 진성 - 완</div><br><div style="text-align: center">[HW] 기공성 알렉산더</div><div style="text-align: center">기동 영웅 / 율동 영웅 / 천동 영웅 - 완</div><br><div style="text-align: center">[SB] 차원의 틈새 오메가</div><div style="text-align: center">델타 영웅 / 시그마 영웅 / 알파 영웅 (헤딩) - 완 </div><br><div style="text-align: center">[U] 절 토벌전</div><div style="text-align: center">절 바하무트 토벌전 / 절 알테마 토벌전 - 완 </div><div style="text-align: center"><br></div><div style="text-align: center">[BA] 금단의 땅 에우레카</div><div style="text-align: center">발데시온 무기고 - 완</div><br><br><br>
</div>

<div data-inven-tab-id="B" style="display:none;">
<br><div style="text-align: center;font-weight:bold">메이플스토리 이노시스</div><br><div style="text-align: center">다크나이트 220</div>
</div>
</div>
</div>