I am facing a challenge in placing 2 containers side by side. These containers have a thick white border and are initially hidden until a click event reveals them. The containers are given a class of "hidden". However, in order to align the div containers beside each other, I had to use inline-block display property. Although this solution worked perfectly for positioning the containers next to each other, it resulted in the borders being visible at page load due to inline-block overriding the hidden class styling. Can someone please assist me in resolving this issue? Previously, the containers were hidden effectively before implementing inline-block, but I was unable to place them side by side.