The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Inconsistency in form field spacing

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #198327


    This has a codePen ref of:

    Why is there an inconsistency in spacing between the form fields, please?

    The form can be seen here:

    and the relevant page here:

    Thank you.


    There is no style defined so the fields will just be a as big as they ‘feel’ they need to be (seems to be solved on the page though) :

    .input, .contact {
    width: 300px /* or anything else you like */

    I think he meant the vertical spacing which does appear inconsistent.

    I’d tend to avoid using p tags to wrap form elements (as it is on the live page), I’d prefer to use divs myself but I do know that using p tags is acceptable.


    I see, an odd one indeed. A clue to it being related to the <p> tags is visible when experimentally they are set to be displayed inline. The nested elements stay in place but the tag from the control question ends up at the bottom of the textarea. Must be a line break pixel of sorts then?

    Edit – not sure the last bit makes sense. I’m obviously quite clueless here.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.