Stop Divs text from overlapping

Question

Does anyone know how I can stop two divs from overlapping?

I have a .box.active div however the text on this is overlapping into another div

thanks for any help in advance!

Answer 1

If DIVS are overlapping then the general principles is your code has made them do that in the first place. Add position relative to the classes on your div tags to start with along with Display block.

.yourdivclass {display:block}
.yourdivclass {display:inline-block}

Some other possibilities:

• Set widths on elements?
• Have you used FLEX? This can cause this often if your code has not been completed correctly?

Generally, we need more code to solve issues so if this does not help - provide some code in your question and I can help further.

Hope this helps.