console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Collapse</title>
<link rel="stylesheet" type="text/css" href="Comment.css">
</head>
<body class="body">
<div class="img2">
<img class="img" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png">
</div>
<div class="name">
<p class="size1">
<b>Han Solo</b>
<span class="size2"> 几秒前</span>
</p>
</div>
<div>
We supply a series of design principles, practical patterns
and high quality design resources (Sketch and Axure),
to help people create their product prototypes beautifully and efficiently.
</div>
</body>
</html>
.body {
width: 500px;
margin: 200px;
}
.img {
float: left;
width: 40px;
height: 40px;
}
.img2 {
margin-right: 10px;
float: left;
height: 120px;
}
.img:hover {
cursor: pointer;
}
.touxiang {
float: left;
cursor: pointer;
}
.name {
cursor: text;
}
.size1 {
font-size: 700;
}
.size2 {
color: rgba(0, 0, 0, 0.25);
}