[문의] 탭 기능 질문

<div data-inven-tabs data-inven-tab-selected="tab_0" data-inven-tab-multi>

 <div data-inven-tab-for="tab_1" 

data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" 

data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" 

style="border:1px solid; width:60px; padding: .4em; float:left;">나라</div>

<div data-inven-tab-for="tab_2" 

data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" 

data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" 

style="border:1px solid; width:60px; padding: .4em; float:left;">레드벨벳</div></div>

생각한 이미지

실제 이미지

나라와 레드벨벳이 일직선이 되도록 바꿀수 없을까요?