Здравствуйте, у меня есть два div, когда я хочу разместить текст в одном из них, его нет.
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Оплата заказа | ILeZzoV Pay</title>
<link href="img/logo.png" rel="icon" sizes="16x16 32x32 48x48 64x64" type="image/vnd.microsoft.icon">
<link href="img/logo.png" rel="apple-touch-icon" sizes="180x180">
<link rel="stylesheet" href="styles/style.css">
<meta charset="UTF-8">
</head>
<body class="page">
<div class="head">
<img src="/img/logo.png" style="display: inline-block; vertical-align: middle; width: 80px; height: 80px; position: absolute; margin: 5px 0 0 30px">
<h1 style="display: inline-block; vertical-align: middle; margin: 24px 0 0px 130px;">ILeZzoV</h1>
<h2 style="display: inline-block; vertical-align: bottom; margin: 0 0 5px 0" class="orange">pay</h2>
<div class="back" style="vertical-align: bottom"><a href="https://ilezzov.ru" class="back">← Отменить оплату</a></div>
</div>
<div class="form">
<h1>dddddddddddddddddddddddddddddddddddddddd</h1>
</div>
</body>
</html>
body{
background-color: rgb(14, 14, 14)
}
.page{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.back{
color: #AAAAAA;
text-decoration: none;
margin-left: 50px;
margin-bottom: 5px;
display: inline-block;
}
.body{
position: absolute;
margin-bottom: 600px;
font-family: Unbounded;
font-size: 20px;
color: white;
display: grid;
}
.head{
background-color: #202020;
width: 800px;
height: 100px;
border-radius: 45px;
border: solid 4px #2f2f2f;
position: absolute;
margin-bottom: 600px;
font-family: Unbounded;
font-size: 20px;
color: white;
}
.orange{
color: #FF5A36;
}
.form{
background-color: #1B1B1B;
width: 800px;
height: 700px;
border-radius: 45px;
border: solid 4px #2f2f2f;
}
Текст ddddddddddddddddddddddddddddddddddddddd должен быть во втором div
Простой
