Aynı div içinde <h1> ve <p> yazısını nasıl ortalayabiliriz?

<div class="kutu">
            <h1>Lorem ipsum dolor sit amet.</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, vel.</p>
</div>

.kutu{
    width: 1200px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #18006e;
 

}

.kutu h1{
    font-size: 30px;
    color: #ffffff;
}

.kutu p{
    font-size: 15px;
    color: #ffffff;

}