how can i align my paragraph tag in the center? - html

Question

How would i align
<p className="display-4 fw-bolder mb-4 text-center text-white" >Title</p>
vertically and horizontally?
<div>
<section id='vision'>
<div className="container">
<div className="row justify-content-center">
<div className="col-md-8 mt-5">
<h1 className="display-4 fw-bolder mb-4 text-center text-white"> </h1>
<p className="display-4 fw-bolder mb-4 text-center text-white" >Title</p>
<div className='buttons d-flex justify-content-center'>
{/* <button className='btn btn-outline-primary rounded-pill px-4 py-2 ms-2'>Learn More</button>
<button className='btn btn-outline-primary rounded-pill px-4 py-2 ms-2'>Buy Now</button> */}
</div>
</div>
</div>
</div>
</section>
<History />
{/* <Product/> */}
{/* <Service/> */}
{/* <Contact/> */}
</div>