форма и класс div на одной строке

Question

У меня есть HTML-форма и класс div.Оба представлены кнопками и отображаются в разных строках.(один под другим).Я хочу, чтобы обе кнопки отображались в одной строке.Как мне этого добиться?

  <div class="form">
    <form method="POST" action="{% url 'mytab' %}">
      {% csrf_token %}
        <button type="submit" name="drilldown_filter" class="btn btn-primary btn-sm" onclick="myFunction()" disabled><i class="fa fa-arrow-circle-down"></i></button>
      <input type="hidden" id="data" name="input name" value="">
    </form>
  </div>
  <div class="button-group">
    <button class="btn btn-primary btn-sm" onClick="javascript:history.go(-1);" disabled><i class="fa fa-angle-double-down"></i></button>
  </div>

Спасибо

Answer 1

include Style = "float: left" для формы div.

<div class="form" style="float:left;">
<form method="POST" action="">

    <button type="submit" name="drilldown_filter" class="btn btn-primary btn-sm" onclick="myFunction()" disabled><i class="fa fa-arrow-circle-down">sdfgsdfg</i></button>
  <input type="hidden" id="data" name="input name" value="">
</form>

Answer 2

используйте этот стиль для обоих div:

<style>
    .form{
        display: inline-block
    }
    .button-group{
        display: inline-block
    }
</style>

Это должно работать.

Answer 3

Просто скопируйте и вставьте этот код

<div class="form" style="float: left;">
<form method="POST" action="{% url 'mytab' %}">
  {% csrf_token %}
    <button type="submit" name="drilldown_filter" class="btn btn-primary btn-sm" onclick="myFunction()" disabled><i class="fa fa-arrow-circle-down"></i></button>
  <input type="hidden" id="data" name="input name" value="">
</form>

Answer 4

Все, что вам нужно сделать, это сделать div.both, который будет содержать оба этих div'а, и поместить display: flex в div.both в CSS.

 <div class="both" >
 <div class="form">
    <form>
     <button>uno</button>
    </form>
  </div>
  <div class="button-group">
  <button>dos</button>
  </div>
     </div>

CSS

div.both {
  display: flex;
}

Answer 5

попробуйте это css:

.form,.button-group {
  display: inline-block;
}