Установите текстовое поле рядом

Я установил текстовые поля, созданные динамически, которые я хотел бы показывать рядом, а не показывать одно под другим.

<div class = "wrap-login100 p-l-20 p-t-25">
        <form class = "form" name = "add_name" id = "add_name">
            <div class = "control-group">
                <div class = "inc">
                    <div class = "testing">
                            
                            <div class = "form-group col-md-10">
                                <input type = "text" class = "form-control" id = "fname" name = "fname" placeholder = "Enter Manger First Name" > 
                                <div id = "error" style = "display:none; color: red;">Enter First Name before submission!</div>
                            </div>
                            <div class = "form-group col-md-10">
                                <input type = "text" class = "form-control" id = "lname" name = "lname" placeholder = "Enter Manager Last Name" >
                                <div id = "error2" style = "display:none; color: red;">Enter Last Name before submission!</div>
                            </div>
                            <div class = "form-group col-md-10">
                            <button class = "btn btn-primary" type = "submit" id = "append" name = "append">
                            Add Team Details</button>
                            </div>
                          <br>
                          <br>
                    </div>
                </div>
                <div class = "col-md-10 text-center">
                    <input type = "button" class = "btn btn-info btn-lg" id = "submit" name = "submit" value = "Register"/>
                </div>
            </div>
        </form>
    </div>

Это прекрасно, но когда я динамически создаю текстовое поле, я хочу, чтобы оно располагалось рядом. вместо этого:

Вот код динамического текстового поля:

<script>
var counter=0;
jQuery(document).ready( function () 
{
    
    $("#append").click( function(e) 
    {
        counter++;
          e.preventDefault();
        $(".inc").append('<div class = "testing">\
                <div class = "form-group col-md-10">TE - ' +counter+ '</div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "tename[]" id = "tename"  placeholder = "Enter TE Name"> </div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "hq[]" id = "hq"  placeholder = "Enter HQ"></div> \
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "state[]" id = "state"  placeholder = "Enter State"> </div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "department[]" id = "department"  placeholder = "Department"> </div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "teamno[]" id = "teamno"  placeholder = "Enter team number"> </div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "leadname[]" id = "leadname"  placeholder = "Enter Lead Name"></div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "holiday[]" id = "holiday"  placeholder = "Numbers of holidays entire week"></div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "offpermonth[]" id = "offpermonth"  placeholder = "Off Per month"></div>\
                <div class = "form-group col-md-10"> <input class = "form-control" type = "text" name = "lop[]" id = "lop"  placeholder = "LOP Details"></div>\
                <a href = "#" class = "remove_this btn btn-danger btn-lg">Remove</a>\
                <br>\
                <br>\
            </div>');
        return false;
        });

    jQuery(document).on('click', '.remove_this', function() {
        jQuery(this).parent().remove();
        counter--;
        return false;
        });
    $('#submit').click(function()
    {
      var textBox = $("#amname").val();
      var textBox2 = $("#rmname").val();
      
        if (textBox == "")
        {
            $("#error").show('slow');
        }
        else if (textBox2 == "")
        {
            $("#error2").show('slow');
        }
        else
        {
            $.ajax({
                url:"savedata.php",
                method:"POST",
                data:$('#add_name').serialize(),
                success:function(data)
                {
                    alert(data);
                    //window.location.replace("lobby.php");
                    
                }
            });
        }
    })
    
});

Как мне это сделать?