Galera, como eu diminuo o tamanho do background vermelho?
Solucionado
Galera, como eu diminuo o tamanho do background vermelho?
Oi, Felipe, tudo bem?
Para fazer com que o background-color de um texto não ocupe a largura inteira da tela, você pode envolver definir o display desse elemento como inline-block. Por exemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1{
display:inline-block;
background-color: red;
padding:6px;
}
</style>
</head>
<body>
<h1>Olá mundo</h1>
</body>
</html>
Para fins de exemplificação, o código CSS foi colocado no mesmo arquivo HTML, mas poderia ter sido escrito em um arquivo separado.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!