CSS Property: padding-block-start

The padding-block-start property is the space from its border to its content, at the start in the block direction.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>padding-block-start</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        * {
            box-sizing: border-box;
        }
        div {
            width: 500px;
            height: 300px;
            background-color: gray;
            border: 1px solid black;
            padding-block-start: 50px;
        }
    </style>
</head>
<body>
<div>
    <h3>padding-block-start: 50px;</h3>
    <p>Lorem Ipsum is dummy text used in the development of typography and print preparation. Lorem Ipsum has been in 
        use for more than five hundred years, since an unknown printer combined this combination of characters into a 
        sample book in the early 16th century. This text has not only survived five centuries but has also successfully 
        established itself in electronic desktop publishing with minor changes. Lorem Ipsum gained popularity in the 
        seventies of the last century when Letraset sheets with Lorem Ipsum paragraphs were launched on the market. 
        Recently, Lorem Ipsum has also appeared in popular desktop publishing programs such as Aldus PageMaker.</p>
</div>
</body>
</html>

RESULT