<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>搜索框</title>
<style>
input { margin-left:20px;
background:yellow;
}
button{
border-radius:4px;
margin-left:20px;
color:red;
background:blue;
}
font{
margin-right:20px;
color:purple;
}
body {
display: flex;
}
</style>
</head>
<body>
<div >
<font>用户:</font>
<input type="text" style="width:45px;"/>
<font >编码:</font>
<input type="text" style="width:45px;"/>
<button>搜索</button>
</div>
</body>
</html>
*{
padding: 5;
margin:200;
}