Gostaria de substituir meu cabeçalho Html para Css, pois assim eu poderia alterar todos os cabeçalhos ao mesmo tempo. Não consegui chegar ao resultado esperado, por isso procurei ajuda no fórum.
Código Html:
Código :
Código Css:
Código :
O problema do código Css é que o texto fica alinhado na parte de cima da caixa, eu gostaria que ficasse assim como no Html no centro, levando em conta a altura e não a largura.
Código Html:
Código :
<p style="background-color: rgb(255, 215, 0); border: 2px solid orange; font-size: 15px; background-position: initial initial; background-repeat: initial initial;"><span style="font-family:verdana,geneva,sans-serif;"><strong> Cabeçalho</strong></span></p>
Código Css:
Código :
h1 {
color: white;
background: rgb(255, 215, 0);
border: 2px solid orange;
font-size: 15px;
font-family: verdana,geneva,sans-serif;
font-weight:bold;
text-indent: 6px;
position: absolute;
width: 498px;
height: 33 px;
}
color: white;
background: rgb(255, 215, 0);
border: 2px solid orange;
font-size: 15px;
font-family: verdana,geneva,sans-serif;
font-weight:bold;
text-indent: 6px;
position: absolute;
width: 498px;
height: 33 px;
}
O problema do código Css é que o texto fica alinhado na parte de cima da caixa, eu gostaria que ficasse assim como no Html no centro, levando em conta a altura e não a largura.