伪(未经测试)代码
CSS:
.avatar {float: left;}
.actions {float: right;}
.comment, .text {overflow: hidden;}
.avatar {
float: left;
margin-right: 10px;
width: 100px;
height: 100px;
background: #fff;
}
.actions {
float: right;
margin-left: 10px;
width: 30px;
height: 130px;
background: #fff;
}
.comment, .text {
overflow: hidden;
}
.comment {
background: #eee;
width: 600px;
padding: 10px;
}
.text {
background: #fff;
}
HTML:
more text
more text