How to make your input group horizontal?

Hi team

 

Who can help me, i want first my register-box to have enough size to fit for my textbox. Also how can i create my input-group to be horizontal or align right? See my logic for more details, basically the form looks like this on UI.

 I want that textbox for First name and lastname be horizontal to each other with enough fit. I am struggling to achieve please assist mates.

 

 

 

  

  

        class="card">  

            class="card-body register-card-body">  

                  

                    "~/Images/eNtsa.png" />  

                  

                  

                    

Training Course Registration:Motion MasterClass

  

                      

                    

Course date: 25-27 February 2020

  

                      

                    

  

                        Note:Please note your registration is submit approval as seats for this course is limited. Once your registration is confirmed, you will receive a quote for subject to your confirmation  

                        followed by an invoice.  

                    

  

                  

                  

                @using (Html.BeginForm("editRegForm", "Home", FormMethod.Post, new { @role = "form" }))  

                {  

                    @Html.AntiForgeryToken()  

            class="row">  

                for="Title"> Title:   

                class="input-group col-md-6 col-md-offset-8 col-sm-10 col-xs-10">  

                    class="input-group pull-left">  

                        @Html.TextBoxFor(m => m.Title, new { @class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required" })  

                        class="input-group-append">  

                            class="input-group-text">