label y textbox no quedán en la misma línea

Jor1980 · #1 (**permalink**) 16/10/2011, 05:56

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;
}

kseso? · #2 (**permalink**) 16/10/2011, 10:20

Pues los veo en la misma línea el label y su imput. Con la particularidad de "código postal" que lo reparte en dos líneas por la longitud de la cadena de texto.
En ff 7

Aquí encontrará unos cuantos ejemplos para inspirarse a la hora de estilizar formularios con css:
http://www.google.es/search?q=style+form+css

Jor1980 · #3 (**permalink**) 16/10/2011, 15:03

Que raro, a mi las labels marca y versión me aparecen encima de su textbox en lugar de estar a la izquierda.
he hecho una captura de como me queda a mi

Uploaded with ImageShack.us