Ajuda, para alinhar uma background.

[ThiagoKay]

Pessoal, estou com uma duvida;

Como eu posso alinhar a seguinte background;

imagem [background riscada de vermelho.]

 

quero alinhar ela no centro, mas não vai... Codigo:

 

.lista {
            font-size: 1.5em;
            color: red;
            font-style: oblique;
            text-align: center;
            box-shadow: 5px 10px 10px black;
            padding: 16px;
            width: 60%;
            background: #0d0763 no-repeat;
            align-items: center;
            background-position: center;
            justify-content: center;
            justify-items: center;
        }

        .lista ul {
            list-style: none;
            align-items: center;
            justify-content: center;
            justify-items: center;
        }

 

Qual seria a "solução"?

[ThiagoKay]

Arrumei aqui, não ficou 100% mas vou editando; A solução foi retirar a "background:" e utilizar só a box-shadow...

 

.lista {
            font-size: 1.5em;
            color: red;
            font-style: oblique;
            text-align: center;
            box-shadow: 5px 10px 10px black;
}

 

[RodrigoJW]

No bloco tenta colocar margin: 0 auto

[Marcos Full]

Boa tarde Tiago!

No seu caso, os parâmetros justify-content e align-items só vão funcionar se o seu elemento pai estiver com o parâmetro display: flex.

por exemplo:

.lista {
	display: flex;
	justify-content: center;
	align-items: center;
}

Não sei se consegui ajudar, mas faça alguns testes e informe aqui para nós.

Tenha um ótimo dia!