“Div” tag elements provide HTML developers with containers, so you can format text and layouts in your web pages. The default setting for a div lets the text overlap over other div elements on your pages. You can override this default by setting the “overflow” property to scroll or clip the overlapping text. This means that a scroll bar is shown or the text is cut off if it extends the width or height of the div element. overflow:scroll; If you want to clip the text and leave out the scroll bar, use the following CSS code instead: overflow:hidden; Writer Bio

How to Prevent DIV to Overlap CSS - 5