<!-- Background -->
<div style="background: url('https://upload2.inven.co.kr/upload/2017/12/13/bbs/i16459614246.gif'); font-size: 11px;">

<!-- Character Background -->
<div style="background: url('https://upload2.inven.co.kr/upload/2017/12/13/bbs/i15470599372.jpg') no-repeat 305px bottom; min-height: 400px;">

<!-- 가입일 -->
<div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2016-10-20 04:17:50 &c=#87CEEB.png'); height: 20px;">
</div>
</div>

<!-- 마격기 -->
<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: #87CEEB; border-radius: 6px; border: 1px solid #87CEEB; 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: #87CEEB; 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: #87CEEB; 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: #87CEEB; border-radius: 6px; border: 1px solid #87CEEB; padding: 4px 6px; font-size: 11px; width: 300px;">
</span>
</div>
<!-- 마격기 끝 -->

<!-- TABS -->
<div data-inven-tabs style="padding-top: 16px;">

<div style="float: left;">
<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #87CEEB; color: white; cursor: pointer;">H<br>o<br>m<br>e
</div>
<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #87CEEB; color: white; cursor: pointer;">일<br>일<br>노<br>역
</div>
<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #87CEEB; color: white; cursor: pointer;">유<br>니<br>온
</div>
<!--새 버튼 추가하는 곳-->
</div>

<!-- 메뉴 부분 -->
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">

<!--메인 메뉴 -->
<div data-inven-tab-id="0" style="min-height: 300px;">
<div style="display: block; width: 180px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #87CEEB;">

<div style="border-bottom: 1px solid #87CEEB; color: #87CEEB;padding: 4px 8px; font-weight: bold;">
메이플 명언
</div>

<div style="padding: 4px 8px;">아란 : ㄱㅁ?<br>히어로 : ㄴㄱㅁ
</div>

</div>
</div>
<!-- 메인 메뉴 끝 -->

<!--메뉴 1 -->
<div data-inven-tab-id="1" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #87CEEB;">
아케인리버 심볼<br><br>마일리지 보스<br><br>유니온 일일퀘스트<br><br>메이플스토리M<br><br>몬스터 컬렉션<br><br>월요일 무릉<br><br>------추가노역------<br><br>헤이븐, 야영지 일일퀘스트<br><br>루타돌이<br><br>
</div>

</div>
<!-- 메뉴 1 끝 -->

<!-- 메뉴 2 -->
<div data-inven-tab-id="2" style="display: none;">
<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #87CEEB;">
<b>마스터유니온IV  총레벨 : 7050</b><br>------200미만 직업------<br>에반<br>썬콜<br>히어로<br>불독<br>다크나이트<br>보우마스터<br>캡틴<br>섀도어<br>소울마스터<br>윈드브레이커<br>나이트워커<br>미하일<br>일리움<br>제논<br>데몬슬레이어<br>와일드헌터<br>메카닉<br>배틀메이지<br>
</div>
</div>
<!-- 메뉴 2 끝 -->

<!--새 내용 추가하는 곳-->

</div>
<!-- 메뉴 부분 끝 -->

</div>
<!-- TABS 끝 -->

</div>
<!-- Character Background 끝 -->

</div>
<!-- Background 끝 -->





수정사항

1. 해당 소스코드를 깔끔하게 개행처리 하였습니다.

2. 불필요한 탭으로 인하여 생기는 공백을 모두 제거하였습니다.

3. 주석을 통해 구역을 모두 정리하였습니다.





문제점

</div>                        <div data-inven-tab-id="2" style="display: none;">                                <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #87CEEB;"> 









이런 부분을 잘 보시면 코드 사이사이에 탭으로 인한 여백이 껴있습니다.

이런 여백들은 스크립트 적용 시 원치 않는 정렬 문제를 발생시킵니다.

따라서 불필요한 여백을 모두 제거함으로써

이제 원하는 모습대로 인장이 작동할겁니다.