max-content　要素の量に合わせてセンター合わせ

<p class="ppp">テキスト</p>

.ppp {
width: max-content;
margin-inline: auto;　/*要素を中央配置*/

/*下記はわかりやすいように*/
background: #CDCDCD; 
padding:20px; 
}