How draw rectangle with css and eight divs

hi all i have a html code with eight divs that 4 divs each have same id and i want use css only and no change on html and js is it possible make it overlaping? need complete css code . i use any css code but alway rectangle are not overlaping?

hi all i have a html code with eight divs that 4 divs each have same id and i want use css only and no change on html and js is it possible make it overlaping? need complete css code . i use any css code but alway rectangle are not overlaping?
>

    <div id='l1'></div>
    <div id='l1'></div>
    <div id='l1'></div>
    <div id='l1'></div>
    <div id='l2'></div>
    <div id='l2'></div>
    <div id='l2'></div>
    <div id='l2'></div>
    </board>

Do you seriously need 8 divs? Here’s a short way but it doesn’t have 8 divs.

<!DOCTYPE html>
<html>
<body>

<svg width="400" height="110">
  <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
 
</body>
</html>