Witam. Złe użycie float: left; Dobrze ułożyłeś divy ale źle wystylizowałeś. Pojemnik sam się dostosuje do wysokości tekstu przy prawidłowym użyciu class. Na początek usuń float: left; dla c-content.Nie zapominaj o clear: both;
Ja uzyłbym dispaly: inline-block; a float: left; tylko dla avatara.
body{
margin: 0; padding:0;
font-family: sans-serif;
}
.comment{
width: 300px;
background-color: #111;
min-height: 100px;
}
.c-avatar{
float: left;
width: 50px;
height: 50px;
background-color: #eee;
margin-right: 5px;
}
.c-name{
display: inline-block;
color: #ccc;
}
.c-date{
max-width: 81px;
color: #333;
display: inline-block;
}
.c-content{
margin-bottom: 5px;
margin-right: 5px;
color: #888;
/* word-wrap: break-word; */
/* word-break: break-all; */
width: 230px;
padding: 5px 0 25px 60px;
}