Adjust Label Alignment separate from Input Box alignment

  • As an example, I have the following code for my form:

    <div align="center">
<label> Your Name (required)
    [text* your-name akismet:author placeholder "Your Name Here..."] </label>
[submit "Send"]
</div>

    This centers the form itself on the page, but the label “Your Name (required)” is also centered over top the input box.

    I was curious if there’s a way to have the label “Your Name (required)” be aligned with the left of the input box while still keeping the form centered on the screen.

    Adding css to affect “label” affects both the Label and the Input Box.

    Thanks!

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter neocharles

    (@neocharles)

    It appears I can do this..

    <div align="center">
<p style="text-align: left; width: 300px">Your Name (required)<br />
    [text* your-name] </p>

    Would that be acceptable? Is there a better way to be doing this? (I have not tested it yet) will this have any impact on the email that is sent vs using just the <label> tags?

Viewing 1 replies (of 1 total)
  • The topic ‘Adjust Label Alignment separate from Input Box alignment’ is closed to new replies.