Align 2 forms in 1 page

  • Profile Image
    Asked on December 12, 2014 at 10:21 PM

    Hi, Please help me with this.

    I have 2 forms in one page, I want to align them making 'Contact Us' in left and 'Contact Seller' on right.

    Can someone help me how to do this on css?


    Thank you,

    Lori Francisco 

  • Profile Image
    Answered on December 12, 2014 at 11:00 PM

    I hope you can help me, thank you.

  • Profile Image
    Answered on December 13, 2014 at 08:42 PM

    I see you have inserted the forms using div sections, however, using HTML 5, you can define the layout of your page in different ways, using a particular tag

    HTML5 Semantic Elements

    Here are the tags, I would recommend you to use the section tag for one form and the aside tag for the second form. Form more information about how to define a page layout, you can check this link

    header Defines a header for a document or a section
    nav Defines a container for navigation links
    section Defines a section in a document
    article Defines an independent self-contained article
    aside Defines content aside from the content (like a sidebar)
    footer Defines a footer for a document or a section
    details Defines additional details
    summary Defines a heading for the details element
  • Profile Image
    Answered on December 14, 2014 at 02:19 AM

    Thank you! 

  • Profile Image
    Answered on December 14, 2014 at 09:01 AM

    In behalf of my colleague, you are most welcome. I'm glad the above solution worked for you.

    If you need an assistance again or have any other concerns, please feel free to open up a new thread here in the forum.

    Thank you.