[문의] 인장 꾸미기 관련 문의

http://www.inven.co.kr/board/webzine/2652/440085

요글에 있는 인장 형식대로 인장을 꾸미고 싶은데

제 머리로는 도저히 안돼서 문의해봐요!

윗글을 보고 만들어본 인장이에요

근데 옆에 가입일이 중복으로 뜨고, 중간중간 내용에 공백이 발생하네요

(공백이란건 음... 그 상자는 큰데 내용은 한두줄뿐이라 텅 비는 1번 스샷이라던지 상자 첫줄이 비는 2번 스샷을 보시면 돼요)

따로 인장에 이미지를 추가한다거나 그런 건 너무 복잡해서 안했고,

단순하게 옆에 중복으로 뜨는 거 없애고, 상자 안 비는 부분만 삭제시켜서 깔끔하게 쓰고 싶습니다

(그 최상단에 가입일도 띄워서 쓰고 싶네요 언제언제 가입하셧으며 가입한지 며칠이 되셨습니다 이거)

일단 현재 제작중인 인장의 html이에요!

(아마 저거 완성본은 html이 따로 도착해야 복붙해서 쓸 수 있을것 같아요. 그전까진 가입일 이미지와 마격기만 달아두려 해요)

<div style="background: url('~~~첫 배경~~~'); font-size: 11px;">

<div style="background: url('~~~캐릭터 배경~~~') no-repeat 0px 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=2018-10-08 20:27:37&c=fbb2ab#.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: #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>

<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 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: #fbb2ab; color: white; cursor: pointer;">프로필</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: #fbb2ab; color: white; cursor: pointer;">나의기록</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: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">

<div style="border-bottom: 1px solid #fbb2ab; color: #fbb2ab;padding: 4px 8px; font-weight: bold;">메이플스토리 인벤 야므</div>

<div style="padding: 4px 8px;">

심심한 스카니아 서버 인간

</div>

</div>

</div>

<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 #fbb2ab;">

2019 01 16 마웨

2019 02 05 환생

2019 02 08 1 -&gt; 40 달성

2019 02 21 40 -&gt; 50 달성

</div>

</div>

</div>

</div>

</div>

</div>

여기서 어느 부분만 손대면 될지를 모르겠어요

고민입니다

깔끔하게 인장을 꾸밀 수 있도록 도와주세요!