FORM EM CSS - 1 CAMPO

<!DOCTYPE HTML><html lang="pt-BR"><head> <meta charset="UTF-8"> <title>HTML e CSS para Formularios: Sugestoes</title> <link href="base.css" rel="stylesheet"> <style> h1 { margin-bottom: 1rem; } * { margin: 0; padding: 0; } fieldset { border: 0; } body, input, select, textarea, button { font-family: sans-serif; font-size: 1em; } .grupo:before, .grupo:after { content: " "; display: table; } .grupo:after { clear: both; } .campo { margin-bottom: 1em; } .campo label { margin-bottom: 0.2em; color: #666; display: block; } fieldset.grupo .campo { float: left; margin-right: 1em; } .campo input[type="text"], .campo input[type="email"], .campo input[type="url"], .campo input[type="tel"], .campo select, .campo textarea { padding: 0.2em; border: 1px solid #CCC; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); display: block; } .campo select option { padding-right: 1em; } .campo input:focus, .campo select:focus, .campo textarea:focus { background: #FFC; } .campo label.checkbox { color: #000; display: inline-block; margin-right: 1em; } .botao { font-size: 1.5em; background: #F90; border: 0; margin-bottom: 1em; color: #FFF; padding: 0.2em 0.6em; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .botao:hover { background: #FB0; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); text-shadow: none; } .botao, select, label.checkbox { cursor: pointer; } </style></head><body> <h1>Formulario Teste</h1> <style type="text/css"><!-- .style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .style5 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; } --></style></head> <body><table width="800" border="0" align="center"> <tr> <td width="177"><span class="style3"> logo </span></td> <td width="475"><span class="style5"> <form action="#" method="post"><fieldset> <fieldset class="grupo"><div class="campo"> <label for="nome"><font color="#1E90FF"> </label><input type="text" id="nome" name="nome" style="width: 18em" placeholder=BUSCAR /></div> </span></td> <td width="126"><span class="style3"> </div><button class="botao submit" type="submit" name="submit">Pesquisar empresa</button></fieldset></form></body></html> </span></td> </tr></table></body></html>