此问题在此处已有答案：

How can I center text (horizontally and vertically) inside a div block?（27个答案）
17小时前就关门了。
我想集中“文本”，但它不适用于文本对齐：中心。
HTML程式码：

<section class="product">
            <img src="capa.jpg">
            <p>Text</p>
            <h4> Name: x</h4>
            <h4> Type: y</h4>
            <h4> Pages: 100</h4>

enter image description here
CSS程式码：

.product p {
    background-color: #0f121f;
    color: aliceblue;
    /*padding: 5px 50px;*/
    width: 210px;
    height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    
}