console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>comment</title>
</head>
<body>
<div class="box">
<img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" class="pic">
<div class="name"><strong>Aurora</strong></div>
<div class="time">几秒钟前</div>
<pre class="text">
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
hello world hello world hello world hello world
</pre>
</div>
</body>
</html>
<style>
.box {
height: 200px;
width: 700px;
border: 1px solid transparent;
margin: 88px;
}
.pic {
height: 80px;
float: left;
display:block;
}
.name {
margin-left: 20px;
color: darkgrey;
float: left;
margin-left: 20px;
margin-top:20px;
}
.time {
float: left;
margin-left: 20px;
margin-top:20px;
}
.text {
clear:left;
}
</style>