Cacher is the code snippet organizer for pro developers

<div class="parent">
  <p>ダミーダミーダミー<br>ダミーダミー</p>
</div>

.parent {
        position: relative;
        width: 100%;
        height: 600px;
        background: orange;
    }
.parent p {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        margin: 0;
        padding: 0;
        transform: translate(-50%, -50%);
        text-align: center;
}