Почему заголовок смещается по центру, когда я применяю ширину? [дубликат] ⇐ CSS

[Anonymous]

Я практикую селекторы и украшения, устанавливаю заголовок по центру и хочу, чтобы у него был фон определенного цвета и он был того же размера, что и текст, не занимал весь экран, а когда я применяю ширину, она отображается слева, и я не знаю, как это исправить

Код: Выделить всё

body {
background-color: #302e2f;
}

p {
/*aplica el estilo a todos los 'p' */
text-align: center;
color: rgb(245, 211, 16);
}

p span {
display: block;
}

.titulo {
text-align: center;
color: #f540ec;
font-size: 30px;
padding: 30px;
background-color: lightblue;
width: fit-content;
}

h1,
h2,
h3 {
padding: 3px;
text-align: center;
color: rgba(21, 253, 0, 0.3);
font-family: verdana;
}

Код: Выделить всё

Intro de Elden Ring

La hojarasca nos cuenta una historia.
El Gran Círculo de Elden ha sido destruido.
En nuestro hogar, al otro lado de la niebla, las Tierras Intermedias.

XD
XD
XD

Подробнее здесь: https://stackoverflow.com/questions/784 ... -the-width