Olá pessoal, estou fazendo um projeto, nele tenho um título, um parágrafo e dois botões abaixo. Porém, não consigo deixar um espaçamento entre os botoes e o texto. Como faço para deixar esse espaçamento?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá pessoal, estou fazendo um projeto, nele tenho um título, um parágrafo e dois botões abaixo. Porém, não consigo deixar um espaçamento entre os botoes e o texto. Como faço para deixar esse espaçamento?
Olá! Você pode usar a propriedade CSS margin para adicionar espaçamento ao redor dos elementos. Aqui está um exemplo de como você pode adicionar um espaçamento de 20px acima dos botões:
button {
margin-top: 20px;
}
Este código adicionará um espaçamento de 20px acima de todos os botões. Se você quiser adicionar o espaçamento apenas a botões específicos, você pode usar uma classe ou id. Por exemplo:
.meuBotao {
margin-top: 20px;
}
E no seu HTML:
<button class="meuBotao">Botão 1</button>
<button class="meuBotao">Botão 2</button>
Espero que isso ajude! Se você tiver mais perguntas, fique à vontade para perguntar.