@Chesterfield25

Как расположить инпут внутри блока?

Есть простая 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>&gt;</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)}
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы