Labels and form elements not spaced properly
On a form, using the following code, I cannot get the label (when matching it's "for" with the form input element) to render directly on top of the input element. There is a space or what appears to be a space.
- <div data-role="content"><!-- content div -->
- <p id="sessioninfoforemp">New Session Info for Employee Name</p>
- <div id="forsessionform">
- <form id="sessioninfoform" method="post" novalidate action="submitdata.php" data-ajax="false">
-
- <label for="sessionstarttime">Start Time:</label>
- <input type="text" id="sessionstarttime" name="sessionstarttime"/>
- <label for="sessionendtime">End Time:</label>
- <input type="text" id="sessionendtime" name="sessionendtime">
- <br>
- <button type="submit" data-theme="a">Submit</button>
- </form>
- </div>
- </div><!-- content div -->
It looks like this:
Am I doing something wrong with the "for" or content div?