我正在建立一个投资组合网站，所以我在我的关于页面上有一个标题，然后是一些段落。
从本质上讲，我想做的是让标题和所有Pargraphs集中在页面的中间，当屏幕空间较少时，文本要换行，因此display：block，这将使它更具响应性。
以前，我把每一行都放在一个新的段落标签中，这样阅读起来更好，而不是占据整个屏幕。这让它在移动的上看起来很奇怪，所以我现在在所有段落标签上使用“display：block”（CSS），当屏幕空间不足时，它会自动 Package 文本。
然而，我现在无法将这些段落居中，当使用absolutecenter时，这会使段落相互重叠。我应该如何做呢？
这里是页面的HTML简化块（不包括导航栏）。

<div class="container mt-5 pt-5">
        <div class="row">
            <div class="col-md-12" id="introToCam">
                <h1 id="centerHeading"> <b>About Me</b></h1>
                <p class="mb-5 pb-5 mt-3">
                    Text About Me
                </p>

                <br><br>    

                <p class="mb-5 pb-5 mt-3">
                    More Text About Me
                </p>

                <br><br>
            </div>
        </div>
    </div>

字符串
这是段落标签的CSS。

p{
    display: block;
    max-width: 60%;
}

型