<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="1_.css">
<title>О ужас!</title>
</head>
<body>
<h1>О ужас!</h1>
<hr/>
<header>
<div class="header">
<h4>
Spoiler, sweetie!
</h4>
<p>
Особенность темы этой статьи в том, что она по самой сути своей раскрывает спойлеры. Поэтому в этой статье спойлеры никак не замаскированы. Если вы уверены, что хотите их видеть — читайте!
</p>
</div>
</header>
</body>
</html>body {
font-family: Arial;
font-size: 16px;
color: black;
background: #fff;
}
header {
display: flex;
flex: 1 1 auto;
justify-content: center;
}
.header {
border-width: 2px 2px 2px 7px;
border-style: solid;
border-color: #600;
border-radius: 1px;
}
flex: 1 1 auto;, это для дочерних элементов.header {
display: flex;
justify-content: center;
}
.header {
border-width: 2px 2px 2px 7px;
border-style: solid;
border-color: #600;
border-radius: 1px;
max-width: 836px;
}
Простой
Простой
Простой
Простой