I want to do that when any user press the Add Button then only 2 text box in inline-buttons will be added and next two buttons will be added below the previous two buttons.

Like :

If no buttons are in inline-buttons THeN FIrst two will be added in first row.

And then the user again press the add button then next two textbox will be added in below the first two buttons not next to previous (in way it is currently doing)

Hope I have made you understand what I mean.

Thanks in advance ❤️.

Codes Link => https://codepen.io/ashu2882/pen/NWaYvgN (I am not spamming or promoting anything uploaded all codes in Codepen.io due to stackoverflow text limit of 30,000 words)....

CodePudding user response：

Maybe I understood something wrong in your question, but you can use a <br> after 2 buttons in your HTML to add a line break

CodePudding user response：

i think i know what you want you may use button{display:block;}