Here is the HTML code that I am currently working with:
<div id="div1">
<p id = "a">
<! -- content -->
</p>
<p id='b'>
<! -- content -->
</p>
</div>
Additionally, this is the CSS associated with the HTML above:
div#div1 {
width: 50%;
height: 200px;
}
When I set the paragraph "a" to a height of 200px, it breaks the boundaries of its parent div and runs into paragraph "b" as if it were floated. What could be causing this behavior? I would appreciate any insights you may have. Thank you!