How to put two elements in the webform next to each other?

By default, elements in InSend web forms are arranged one below the other, but you can also place them side by side. For example, an email input field and a button or two buttons - "For men", "For women" - look great when they are on the same line. To do this, you must first create all the necessary elements and then move them using indentation:

Very important point! With this placement, the container (block) of one of the buttons may overlay the other and it will be impossible to click on it. This is easy to notice when you click on one of the buttons and nothing happens. To fix this, you need to bring the bottom button to the top using the code:

position:relative;
z-index:2;

The code should be written in the CSS field for both blocks. The z-index for the block at the top should be greater than that of the second block, for example, 1 and 2.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.