<html>
<head></head>
<body>

<div wact:id="outer" style="background-color: yellow">

    <p>outer DIV above the inner</p>

    <div wact:id="inner" style="background-color: red">
        <p>This is the inner DIV.</p>
    </div>
    
    <p>outer DIV below the inner</p>

</div>

-

<div wact:id="outer2" style="background-color: lightgreen">
    <p>2nd outer div</p>
</div>

</body>
</html>