Есть простая html страница, на которой есть фиксированный head, не получается в нём разместить input и button
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<title>Hello, world!</title>
</head>
<body>
<div class="head">
<div class="d1">
<input type="text" placeholder="Искать здесь...">
<button>></button>
</div>
</div>
*{
background: #fff;
}
.head{
display: inline-block;
position:fixed;
background: #1462a1;
width:100%;
height:62px;
}
.header.opacity{opacity:.92;filter:alpha(opacity=0.92)}
