<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*
{
font-size:17px;
}
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
ul li
{
vertical-align:"";
margin-top:5px;
white-space: pre; /*空格有效*/
}
/*文本框输入样式*/
input:focus
{
border:#1ABC9C solid 1px;
box-shadow: 0px 0px 6px #1ABC9C;
}
.input-normal
{
border:#A7A7A7 solid 1px;
width:200px;
padding:3px;
padding-left:5px;
}
</style>
</head>
<body>
<ul>
<li> Coffee: <input type='input' class='input-normal'/></li>
<li> Tea: <input type='input' class='input-normal'/></li>
<li>Coca Cola: <input type='input' class='input-normal'/></li>
</ul>
</body>
</html>