기존 세로메뉴탭의 위치를 좌측에서 우측으로 바꾸고싶은데

탭의 모양과 위치는 우측으로 바꿨지만

각 탭을 클릭했을 때 나타나는 효과 역시 반대로 바꾸고싶은데 해결이 되지않아 문의드립니다.



탭을 클릭 시 아래 이미지처럼 그 탭이 우측으로 길어지는 효과를 
                           
탭의 위치를 반대로 우측으로 바꾸었을 때도 탭을 클릭하면 좌측으로 길어지게 하고싶은데 

어떤 부분을 고쳐야하는지 모르겠네요 ㅠ

현재 제 스크립트와 기존 스크립트 둘 다 참고용으로 올려둘게요!

지금 제 스크립트 (세로메뉴탭 위치가 우측)

<div data-inven-tabs style="padding-top: 40px;"><div style="float: right;"><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: 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_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; 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_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; 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_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; 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_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; 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_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 6px 0 0 6px; background-color: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">6</div><!--새 버튼 추가하는 곳--></div>


수정 전 스크립트 (세로메뉴탭 위치가 좌측)


<div data-inven-tabs style="padding-top: 40px;"><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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">1</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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">2</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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">3</div><div data-inven-tab-for="3" 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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">4</div>

<div data-inven-tab-for="4" 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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">5</div>

<div data-inven-tab-for="5" 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: rgba(255, 0, 127, 0.5); color: white; cursor: pointer;">6</div><!--새 버튼 추가하는 곳--></div>


항상 감사드립니다(__)