练习中遇到一个小问题

来源：5-1 修改与建议

慕仙0287733

2020-05-28 23:10:21

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin-left: 0;
padding: 0;
}
.p1,.p2{
display: inline-block;
}
.content{
width: 600px;
height: 40px;
border: .5px red solid;
margin: 30px auto;
line-height: 40px;
}
.content .p1{
margin-top: 0;
width: 150px;
height: 39px;
margin-left: 40px;
border: .5px red solid;
}
.content .p2{
margin-top: 0;
width: 150px;
height: 39px;
margin-left: 10px;
border: .5px red solid;
}
.content input{
width: 150px;
height: 15px;
}
</style>
</head>
<body>
<div class="content">
<p class="p1">1</p>
<input type="text">
<p class="p2">2</p>
</div>
</body>
</html>