<div class="bg">
<div class="block">
<h1>заголовок</h1>
<p>Подтекст</p>
</div>
</div>
* {
padding: 0;
margin: 0;
}
.bg {
background: linear-gradient(180deg, #C4C4C4 50%, #FFFFFF 50%);
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.block {
text-align:center;
padding: 20px;
background: linear-gradient(180deg, #FFFFFF 50%, #C4C4C4 50%);
width: 80%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.