Estrutura radio com css

1 resposta
R

Pessoal,

to tentando organizar radio button com css e pense no negocio chato, será que alguem poderia me ajudar os radios são esses.
são 12 radio queria deixa 6 na esquerda e 6 na direita, com os labels a direita dos radios.

Selecione o transporte carro avião caminhão trem metro bicicleta hhhhhh nnnnn mmmmmm kkkkk iiiii pppppppp

se alguem puder me ajudar eu agradeço e muito.

1 Resposta

guilhermehkr
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<fieldset class=""> 
	<legend>Selecione o transporte</legend>	
		<div id="primeiro_grupo_radio" class="primeiro_grupo_radio">
			<input type="radio" checked="checked" name="grupo">
			<label >carro</label>
			<br/>
			<input type="radio" name="grupo" >
			<label>avião</label>
			<br/> 
			<input type="radio" name="grupo" >
			<label>caminhão</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>trem</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>metro</label> 
			<br/>
			<input type="radio" name="grupo">
			<label>bicicleta</label>
		</div>
		<div id="segundo_grupo_radio">	
			<input type="radio" name="grupo">
			<label>hhhhhh</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>nnnnn</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>mmmmmm</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>kkkkk</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>iiiii</label>
			<br/> 
			<input type="radio" name="grupo">
			<label>pppppppp</label>	
		</div>
	</fieldset>
<style type="text/css">
	.primeiro_grupo_radio {
		float: left;
	} 
</style> 
</body>
</html>

Rubens, tenta este css que esta no final da página.
Valeuuuu, qualquer coisa estamos ae.

Abraços

Criado 26 de dezembro de 2011
Ultima resposta 26 de dez. de 2011
Respostas 1
Participantes 2