Quero saber como faco para no h1 centralizar um nome e colocar um borda tipo a existente em ENVIAR PERGUNTA , o texto e a borda devem ficar centralizadas e com a cor vermelha Eu quero que a borda fique somente em torno do texto e não ocupe a linha toda.
Olá Edson,
Para centralizar você pode colocar a propriedade align direto na tag assim <h1 align="center">Texto Teste</h1> ou utilizar o text-align: center; no CSS.
Para adicionar uma borda você pode utilizar border: [tamanho] [estilo] [cor]; no CSS, exemplo: border: 1px solid red;
<h1 style="text-align: center; border: 1px solid #dc0505;">ENVIAR PERGUNTA</h1>Resultado:
Seria essa a dúvida?
Eu quero que a borda fique somente em torno do texto e não ocupe a linha toda.
Eu quero que a borda fique somente em torno do texto e não ocupe a linha toda.
Ah, entendi Edson,
Nesse caso você pode utilizar uma div para englobar o h1 e centralizar o texto, e então no h1 utilizar o display: inline; para evitar que o h1 tome todo o espaço:
<div style="text-align: center;">
<h1 style="display:inline; border: 1px solid #dc0505;">ENVIAR PERGUNTA</h1>
</div>Resultado:
A partir daí você pode utilizar padding no h1 para aumentar a distância da borda para o texto se preferir.
Obs.: Coloquei todo o css junto do html utilizando o style, mas o ideal é utilizar um arquivo css separado.