Как поместить кнопку на один уровень с меню?

Question

[beduin01]

Подскажите. Как быть в такой ситуации. Нужно кнопку поставить на один уровень с меню.



Вот сам код:

<ul class="nav nav-tabs">
                <li role="admin" class="active"><a href="#">Admin</a></li>
                <li role="admin"><a href="#">Admin</a></li>
                <li role="admin"><a href="#">Messages</a></li>
              </ul>
               <div class="form-inline pull-right">
    <button type="submit" class="btn btn-default" v-on:click="sendLoginInfo()">Выйти</button> </div>

Я понимаю, что могу div запихнуть внутрь ul и оно будет отображаться нормально, но как сделать правильнее?

Answer 1

[Роман Макаров]

Зачем вам вообще этот див? просто вставьте кнопку в li.pull-right

Comments

[beduin01]

Роман Макаров спасибо, а вот как в таком случае быть? Нужно надпись рядом сделать img.ctrlv.in/img/16/01/12/5694ff3b5ede8.png если pull-right убрать то она вообще влево уплывет

[Роман Макаров]

поменяйте местами их li в списке

[Роман Макаров]

beduin01: а вообще, если хотите с этим разобраться, то прочитайте про float, Либо посмотрите краткий курс html у sorax