Is it bad practice to group labels and their corresponding input element in div tags?

Tell us what’s happening:
I understand the value of label and fieldset elements as they pertain to screen-readers. They give semantic meaning and allow for screen-readers to navigate between the form inputs. However, I’d like to know if it’s bad-practice to wrap label and input elements in a div like this:

<!DOCTYPE html>

    <label for="name">Name:</label>
  	<input id= "name" type="text">
  	<label for="email">Email:</label>
    <input type="email" id="email" />
  	<label for="birth">Date of birth:</label>
    <input type="text" id="birth" />


Is this a bad practice for accessibility? thank you!

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36.


This isn’t a bad practice technically, but adding a div will automatically separate the output into lines, ie:

before adding div:
This is line 1, This is Line 2

after wrapping with div tags:
This is line 1,
This is line 2

therefore after adding div tags you might have to work with css if you bring the lines to place in the same line. otherwise, there no issues with adding additional div in the coding prospective. and on the other-hand, There will be no plus points with adding div tags to the code you posted above, unless you want to style them separately…