input nie chce się wyrównać

pytanie zadane 11 lutego 2017 w HTML i CSS przez niko64 Użytkownik (630 p.)

mam problem z tym że te dwa inputy nie są równo obok siebie i za cholerke nie chcą się wyrównać


form input[type="text"] {
	width: 200px;
	height: 26px;
	border: 2px solid #37804e;
	border-radius: 25px 0px 0px 25px;
	padding-left: 10px;
	font-size: 12px;
}

form input[type="text"]::-webkit-input-placeholder {
	color: #cccccc;
}

form input[type="submit"] {
	width: 80px;
	height: 30px;
	background-color: #37804e;
	border: none;
	border-radius: 0px 25px 25px 0px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	margin-left: -5px;
}

1	komentarz 11 lutego 2017 przez Pietrak Pasjonat (19,030 p.) float: left; dla obu. taki trick ;)

3 odpowiedzi

odpowiedź 11 lutego 2017 przez hoktaur Pasjonat (22,310 p.)
wybrane 12 lutego 2017 przez niko64

Najlepsza

Ok tamto było na SZYBKO ;) tu masz rozwiązanie:

<!DOCTYPE html>
<html lang="pl">
<head>
  <title></title>
  <meta charset="utf-8">
 
  <style>
 div {
	height: 32px;
 }
div input[type="text"] {
    width: 200px;
	height: 100%;
    border: 2px solid #37804e;
    border-radius: 25px 0px 0px 25px;
    padding-left: 10px;
    font-size: 12px;
	box-sizing: border-box;
}
 
form input[type="text"]::-webkit-input-placeholder {
    color: #cccccc;
}
 
div button[type="submit"] {
    width: 80px;
	height: 100%;
    background-color: #37804e;
    border: none;
    border-radius: 0px 25px 25px 0px;
    color: #fff;
    font-size: 12px;
    margin-left: -5px;
	box-sizing: border-box;
}

  </style>
  
  
</head>
<body>
	<form>
		<div>
			<input type="text" placeholder="Enter your email">
			<button type="submit">Use it free</button>
		</div>
    </form>  
</body>
</html>