why is my content showing outside the div?
css, html
Solution
You are floating `.count` so it doesn't influence it's parent container's height.
Set `overflow: hidden` on the parent (`.commentbox`) or use one of the other float containing techniques so that it does.
Problem
I have a "bubble" with content, which is working fine. Now, I want to display a count (2 lines) which should always be in the bottom right corner of that div, INSIDE it. I tried many things but for some reason it always overlaps the div and shows outside. What am I doing wrong? ``` <style type="text/css"> body{ background-color:#f3f3f3; } .commentbox{ background-color: #ffffff; width: 200px; border-color: #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px; position:relative; } .count{ float:right; text-align:right; } </style> <div class="commentbox"> <div class="title">Some several lines long long long long content text goes here </div> <div class="count">123<br>456</div> </div> ```