Shortcode not staying inside div tag

Question

Using this php to show a signup form in my template file:

<div style="border: 3px solid green; margin-top: 1em; height: auto">
<h2>Blog notifications</h2>
<?php echo do_shortcode('[forminator_form id="9979"]'); ?>
</div>

Looking like this:

https://drive.google.com/open?id=1CGHp6ezgzeyPtbjA3zhuNAQ9VmmUEjd3

That white block at the bottom is just another div that follows.

The shortcode is not being recognised by the div and is displaying outside it. Not sure why this is.

thanks,

Answer 1

Maybe your form has a float property. So just add overflow hidden to parent div.

Take a look here: https://codepen.io/zecka/pen/jObvbmG

your code can be like that:

<div style="border: 3px solid green; margin-top: 1em; height: auto; overflow: hidden">
<h2>Blog notifications</h2>
<?php echo do_shortcode('[forminator_form id="9979"]'); ?>
</div>