Q$7$: Overlapped text boxes

On a single HTML page, include the following two div container elements in the body. Using an

external style sheet, add style to the div elements such that one div has some overlap with the

second div $($Hint: make use of relative or absolute positioning$).$ Both divs should have a padding

of $5px$ all around, a green $2px$ dotted border $($I show the border of one box in orange$),$ a width

and height of $200$px and their text should be centered.

Also, add style to the span class "red" so that the text displays in red and is bold.

This is a DIV Container

DIVs are a powerful way to

modularize presentation

Figure $8.$ two div boxes