Hola estoy haciendo un ejemplo sencillito de formulario pero hay varios labels que no logro que aparezcan en la misma línea que el textbox, estas labels son marca, versión y garaje del código siguiente
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="formstyle.css" rel="stylesheet" type="text/css"/>
<title>Untitled Document</title>
</head>
<body>
<form>
<div class="grupoizquierda">
<div class="datos">
<label>Marca</label>
<input type="text" id="marca"/>
</div>
<div class="datos">
<label>Versión</label>
<input type="text" id="versión"/>
</div>
<div class="datos">
<label>Garaje</label>
<input type="checkbox" id="garaje"/>
</div>
</div><!---final grupoizquierda--->
<div class="grupoderecha">
<div class="datos">
<label>Modelo</label>
<input type="text" id="modelo"</div>
</div>
<div class="datos">
<label>CV</label>
<input type="text" id="cv"</div>
</div>
<div class="datos">
<label>Código Postal</label>
<input type="text" id="código postal"</div>
</div>
</form>
</body>
</html>
La hoja de estilos que creé es esta:
Código:
@charset "utf-8";
/* CSS Document */
.grupoizquierda{
float:left;
}
.grupoderecha{
float:left;
}
.datos label{
width: 25%;
float: left;
color:#CF0;
}