Having problems with the output

Hi guys, i’m having problems that i use exactly the same html structure for 3 divs and same css as well, but when it shows up the row “Name” always stays to the left compared to 2 remaining rows. Can you please explain how does it happen? (sorry for bad english)

<form id="survey-form">
              <!--   -->

                <div class="row">
                    <div class="left-lable">
                        <label id="age" for="age">*Date of birth:</label>
                    </div>
                    <div class="right-tab">
                        <input type="text" id="age" name="age" class="input-field" placeholder="dd/mm/yyyy" required>
                    </div>
                </div> 

                <div class="row">
                    <div class="left-lable">
                        <label id="Email:" for="email">*Email:</label>
                    </div>
                    <div class="right-tab">
                        <input type="text" id="email" name="email" class="input-field" placeholder="" required>
                    </div>
                </div> 

                <div class="row">
                    <div class="left-label">
                        <label id="name" for="name">*Name:</label>
                    </div>
                    <div class="right-tab">
                        <input type="text" id="name" name="name" class="input-field" placeholder="Enter your name" required> 
                    </div>
                </div>
            </form>

You misspelled your classes.

you misspelled left-lable for left-label in name

Thank you so much i finally got it right!