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

pなどにアンダーラインを付けて中央配置などしたい時にもいいかも。

テキスト

<p class="ppp">テキスト</p>
.ppp {
width: max-content;
margin-inline: auto; /*要素を中央配置*/

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