I am managing a platform where users have the ability to share text-based posts, and other users can engage with those posts through comments. An issue I have encountered is that once more than two comments are posted on a parent post, they start to overflow beyond the post's boundaries, eventually extending all the way down to the body section.
Displayed below is the HTML code generated from my PHP file:
#content {
margin: 20px;
}
#postcontent {
resize: none;
outline: none;
border: 1px solid rgb(192, 192, 192);
transition: all 0.5s ease;
border-radius: 16px;
padding: 10px;
width: 100%;
}
... (remaining CSS goes here)
<div id="content" style="margin-top:100px">
<h1 class="display-4">Discussion Board</h1>
... (more HTML content here)
</div><a href="https://i.stack.imgur.com/0JZzY.png" rel="nofollow noreferrer"></a>
<a href="https://i.stack.imgur.com/kFf91.png" rel="nofollow noreferrer"></a>