I have a Spring MVC project using Thymeleaf. I have a submission given by the following file:
The css file is
I want to align the <label>s and <input>s and center them, so I modified the form to be a CSS table. I changed the
HTML file to enclose the <label>s and <input>s with <p></p> as follows:
Then I added the following to my CSS file:
This aligned the <label>s and <input>s, but does not center them. The before and after shots look like:
Also, it's best to show the client-side markup in this forum, rather than the server-side source.
My question is I was able to align the <input>s and <labels>s, but now the form shifted to left justification. I want
to keep the form centered as in the first image.