The input and the button are in the same parent, is it possible to do this or not?

Question

css

If instead of this code:

<nav class="navbar navbar-inverse navbar-fixed-top">
       <form id="my_form" class="navbar-form navbar-left" role="search">
         <div class="form-group">
           <input type="text" class="form-control" placeholder="Поиск">
         </div>
         <button type="submit" class="btn btn-default">Submit</button>
      </form>
    </nav>

Make like this:

<nav class="navbar navbar-inverse navbar-fixed-top">
       <form id="my_form" class="navbar-form navbar-left" role="search">
         <div class="form-group">
           <input type="text" class="form-control" placeholder="Поиск">
          <button type="submit" class="btn btn-default">Submit</button>
        </div>
      </form>
    </nav>

Why is it bad?

Answer 1

If such an implementation is required, then there is nothing wrong with that.

Answer 2

Nothing bad. The preference for one or another option can be determined by indirect factors (design; some specific handlers hanging on the form; developer's tastes).