console
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{
margin:0;
padding:0;
}
.container{
width: 80%;
height: 500px;
margin:50px auto;
border:1px solid rosybrown;
}
.sale{
font-size: 14px;
color: greenyellow;
}
.title{
font-size:20px;
}
.item-detal{
width:300px;
height:200px;
background-color: rosybrown;
}
img{
height:100px;
}
</style>
</head>
<body>
<div class="container">
<p class="sale">折扣专区30%</p>
<p class="title">饮料专区</p>
<div class="drink">
<div class="item">
<div class="item-detail">
<img src="./1 (4).png">
<p class="item-t">青岛啤酒</p>
<p class="item-p">￥2.5</p>
</div>
</div>
</div>
</div>
</body>
</html>