Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">

	<style type="text/css">

	.kocke
	{
		height:305px;
		width:400px;
		background-color: #C8EDFA;
		margin: 25px auto;
		border: 1px solid black;
		padding-top: 30px;
	}
	label
	{
		display:block;
		margin :2px 20px;
		font-size:19px;
	}
	.input
	{
		margin : 2px 25px;
		height:25px;
		width: 350px;
		border: 1px solid #7FFAB2;
	}
	#text
	{
		margin:2px 25px;
		width: 350px;
		height:65px;
		border: 1px solid #7FFAB2;
	}
	#select
	{
		margin : 2px 25px;
		height:25px;
		width: 100px;
		display:block;
	}
	.button
	{
		float:right;
		height:25px;
		width:110px;
		margin:3px;
	}
	#temp
	{
		margin-right:25px;
	}
	</style>
</head>
<body>

	<div class="kocke">
	<label>Ime: </label> <input type="text" class="input">
	<label>Email: </label> <input type="text" class="input">
	<label>korisničko ime: </label> <input type="text" class="input">
	<label>Lozinka: </label> <input type="password" class="input">
	<label> Spol: <input type="radio" name="spol"> Muški <input type="radio" name="spol"> Ženski</label>
	</div>


	<div class="kocke">

	<label> Infomacije koje biste voljeli primati na mail</label>
	<textarea id="text"> </textarea>
	<label>Kategorije za koje ste zainteresirani</label>
	<label> <input type="checkbox">Web Programiranje </label>
	<label> <input type="checkbox">Grafički dizajn </label>
	<label> <input type="checkbox">Softverski inzinjering </label>
	<label> Diploma koju posjedujete </label>
	<select id="select">
	<option value="Odaberite">Odaberite</option>
	<option value="Doktorat">Doktorat</option>
	<option value="Fakultet">Fakultet</option>
	<option value="Skola">Skola</option>
	</select>
	<div id="temp">
	<button type="button" value="Odustani" class="button">Odustani</button>

	<button type="button" value="Registruj se" class="button">Regaj se</button>
	</div>
	</div>

</body>
</html>