Labels & Textboxes not Side by Sde

Hi Experts,

I have the below HTML and CSS, and as you can see I have labels and textboxes for txtTrip[A] to txtTrip[F]. My goal is to display label textbox label textbox, etc., but it displays first 6 labels then 6 textboxes. What ma I doing wrong?

Thank you

    
        <!--Content Start-->
            <form name="frmNiagaraDetails" id="frmNiagaraDetails" autocomplete="off" method="post"
                action="index.php?action=save" onSubmit="return checkRequired();">
                      
                <div id="divGeneral" class="hidden">
                    
                    <label for="txtDate">txtDate:</label>
                    <input type="text" id="txtDate" name="txtDate" value="<?php echo $strDate;?>"><br><br>
                    
                    <div class="divTripIDs">
                        <label for="txtTrip[A]">txtTrip[A]</label>
                        <input type="text" id="txtTrip[A]" name="txtTrip[A]" class="txtTripIDs" value="<?php echo $trip_ids['A'];?>">
                    </div>

                    <div class="divTripIDs">
                        <label for="txtTrip[B]">txtTrip[B]</label>
                        <input type="text" id="txtTrip[B]" name="txtTrip[B]" class="txtTripIDs" value="<?php echo $trip_ids['B'];?>">
                    </div>
                    
                    <div class="divTripIDs">
                        <label for="txtTrip[C]">txtTrip[C]</label>
                        <input type="text" id="txtTrip[C]" name="txtTrip[C]" class="txtTripIDs" value="<?php echo $trip_ids['C'];?>">
                    </div>
                        
                    <div class="divTripIDs">
                        <label for="txtTrip[D]">txtTrip[D]</label>
                        <input type="text" id="txtTrip[D]" name="txtTrip[D]" class="txtTripIDs" value="<?php echo $trip_ids['D'];?>">
                    </div>
                    
                    <div class="divTripIDs">
                        <label for="txtTrip[E]">txtTrip[E]</label>
                        <input type="text" id="txtTrip[E]" name="txtTrip[E]" class="txtTripIDs" value="<?php echo $trip_ids['E'];?>">
                    </div>
                    
                    <div class="divTripIDs">
                        <label for="txtTrip[F]">txtTrip[F]</label>
                        <input type="text" id="txtTrip[F]" name="txtTrip[F]" class="txtTripIDs" value="<?php echo $trip_ids['F'];?>">
                    </div>
                    
                </div>     
                
            </form>

Select allOpen in new window

/*CSS for Niagara Trip Manger Details*/
#divGeneral{
    border: 2px solid blue;
}
.divTripIDs{
    display: inline;
    margin-right: 10px;
}
.txtTripIDs{
    width: 5em;  
}

Select allOpen in new window