кнопка выравнивания на правой стороне

Question

Я бы хотел выровнять кнопку X, чтобы она была справа от User. Однако X попадает в новую строку.

Вот что я пробовал.

<b>ID: </b><ul id="user_id" name="user_id"> User 
<button type="button" style="display:block;>" class="btn btn-info btn-xs">X</button></ul>

Любое предложение приветствуется

Answer 1

Сначала необходимо получить правильную семантику ul > li. Затем, поскольку button по умолчанию display-inline, удалите стиль block, и он должен идти дальше без каких-либо дополнительных css.

<b>ID: </b>
<ul id="user_id" name="user_id">
  <li>
    User
    <button type="button" class="btn btn-info btn-xs">X</button>
  </li>
</ul>

Answer 2

Используйте display: inline-block вместо display: block, и ваш X переместится вправо (выровняется в том же ряду).