Please I need help on why the "reset" button is not restoring the box1 and box2 after I removed them.

Question

My "reset" is not working. I clicked on it in order to show box1 and box2 that I removed using the "remove" button.
https://code.sololearn.com/WPulraLaF7YV/?ref=app

Answer 1

I can't say anything about show, but if you replace show with inline everything will work.

If you need a block type, replace inline with block, or inline-block.

Answer 2

@Vasiliy, thank you so much. I so much appreciate your contribution. Your suggestion works perfectly.

Answer 3

I was glad to help. ☺️

I would also draw your attention to the size of the div in css, you specified width: 100%, thereby shifting it to the right, since you have margin: 5px and padding: 5px.
The result is
width = 100% + 5px * 2 + 5px * 2
You can calculate the length you need yourself, either use the calc() function —
— "width: calc(100% - 20px);",
or just put "with: auto;" and see what happens.

Answer 4

@Vasiliy, wow! So cute. Thank you so much for the correction on my css, I never thought of that. I have marked your answer as the best answer.