I am having trouble getting a border to wrap around my <div> element that contains two child elements. Currently, the green border is only showing at the top of the container and not all around it. Can someone please provide guidance on how to resolve this issue?
Below is the code snippet I have been working with:
.frame {
border-style: solid;
border-color: green;
width: 500px;
}
.left {
float: left;
min-height: 20px;
width: 200px;
min-height: 20px;
}
.right {
float: right;
min-height: 20px;
width: 300px;
}
.entry {
height: 20px
}<div class="frame">
<div class="left">
<div class="entry">
key
</div>
</div>
<div class="right">
<div class="entry">
value
</div>
<div class="entry">
value
</div>
<div class="entry">
value
</div>
</div>
</div>