인벤 스크립트에 관심을 가져주셔서 감사합니다.

올려주신 내용을 바탕으로 수정한 소스를 전달 드립니다.

소스 수정에 있어서, 기본적으로 정렬은 좌측 정렬이 되게 됩니다.
내용을 채우면 좌측 여백만 넣으면 알아서 내용이 밀리는 반면, 우측에 정렬할 경우 좌측에 채워야 할 무엇인가가 필요하게 됩니다.

여기서 padding은 내부 여백을 의미하고, margin은 외부 여백을 의미합니다.
즉, margin (외부여백)을 좌측에 추가하면 좌측에 채워질 내용이 생겨서, 마치 밀리는 것처럼 만들 수 있습니다.

추가로 padding 을 이용할 경우 발생할 수 있는 텍스트의 좌우 이동 부분도 같이 수정했습니다.

원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



■ HTML을 누른 상태에서 붙여넣어 주세요.

<div data-inven-tabs style="padding-top: 40px;">

<div style="float: right;">

<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">1</div>

<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">2</div>

<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">3</div>

<div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">4</div>

<div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">5</div>
<div data-inven-tab-for="5" data-inven-selected-css="{'_SELF_':{'padding-right':'4px','margin-left':'0px'}}" data-inven-unselected-css="{'_SELF_':{'padding-right':'0px','margin-left':'4px'}}" style="width: 12px; margin: 6px 0; padding: 4px 0px 4px 4px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">6</div>

<!--새 버튼 추가하는 곳--></div>