Как переместить кнопку в html

Question

Мне нужно переместить кнопки в правую часть header, уже перепробовал много способов, ничего не получается, прошу о помощи.

HTML:

<body> 
    <header class="rasselstudio">RasselStudio
        <button class="btn btn-primary" type="button">Про нас</button>
        <button class="btn btn-primary" type="button">Управление БД</button>
    </header>
    <hr>
</body>

CSS:

.btn {
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

Буду очень признателен!

Answer 1

Вот так или как?

.rasselstudio{
display: flex;
justify-content: space-between;
align-items: center;
}

.btn {
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

<body>
  <header class="rasselstudio">
    <span>RasselStudio</span>
  <div class="btn-block">
   <button class="btn btn-primary" type="button">Про нас</button>
       <button class="btn btn-primary" type="button">Управление БД</button>
   <div>
  </header>
  <hr>
</body>

БЛОГ НА HUSL

Как переместить кнопку в html

Ответы (1 шт):