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>