2
respostas

Me ajudem! Parágrafos alinhados à direita!

Pessoal, por favor. Já olhei o código dezenas de vezes e não consigo encontrar qual é o problema que está deixando os parágrafos, 'Como prefere o nosso contato?' e 'Gostaria de receber nossas novidades por email?', alinhados à direita! Abaixo segue o meu código. Grata, desde já!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Contato - Barbearia Alura</title>
        <link rel="stylesheet" href="reset.css"> 
        <link rel="stylesheet" href="produtos.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <div class="caixa"> 
                <h1><img src="logo.png"></h1>

                <nav>
                         <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="produtos.html">Produtos</a></li>
                            <li><a href="contato.html">Contato</a></li>
                        </ul>
                 </nav>
            </div>
        </header>
        <main>
            <form>
                <label for="nomesobrenome">Nome e sobrenome</label>
                <input type="text" id="nomesobrenome" class="input-padrao">

                <label for="email">Email</label>
                <input type="text" id="email" class="input-padrao">

                <label for="telefone">Telefone</label>
                <input type="text" id="telefone" class="input-padrao">

                <label for="mensagem">Mensagem</label>
                <textarea cols="70" rows="10" class="input-padrao"></textarea>

                <div>   
                    <p>Como prefere o nosso contato?</p>
                    <label for="radio-email" >Email</label>
                    <input type="radio" name="contato" value="email" id="radio-email">

                    <label for="radio-telefone">Telefone</label>
                    <input type="radio" name="contato" value="telefone"  id="radio-telefone">

                    <label for="radio-whatsapp" >WhatsApp</label>
                    <input type="radio" name="contato" value="whatsapp"  id="radio-whatsapp"> 
                </div>

                <div>
                    <p>Qual horário prefere ser atendido?</p>
                    <select>
                        <option>Manhã</option>
                        <option>Tarde</option>
                        <option>Noite</option>
                    </select>
                </div> 

                <label class="checkbox">
                     <input type="checkbox"> Gostaria de receber nossas novidades por email?        
                </label>



                <input type="submit" value="Enviar Formulário">    




            </form>

        </main>
        <footer>
            <img src="logo-branco.png">
            <p class="copyright">&copy; Copyrigth Barbearia Alura - 2021
        </footer>
    </body>
</html>
2 respostas

Cristiane, Analisando seu código HTML não notei nada que possa alterar o alinhamento do texto, entretanto, é preciso salientar que alinhamento refere-se à formatação da página HTML, e, segundo as boas práticas, isso deve ser implementado no código CSS, que é mantido em um arquivo CSS à parte. Creio que você ainda não tenha nenhum código CSS referente ao formulário para contato, pois na tag "head" não há referência a um arquivo CSS específico desse formulário. Por favor, se você possui o código CSS do formulário para contato, verifique-o e, se necessário, poste aqui para análise. Eventualmente, alguns navegadores apresentam alguma persistência de conteúdo em cache. Você também pode tentar fechar o navegador e/ou limpar o cache do navegador (arquivos armazenados temporariamente). Isso "força" o navegador a "recarregar" o código HTML.

OBS.: Dentro da seção rodapé (footer) há uma tag "p" que não está fechada (falta o "< /p >" no final da linha; sem os espaços), mas isso não deve estar influenciando no seu problema.

Olá Cristiane, tudo bem?

Você poderia, por gentileza, enviar o código CSS também?

Assim consigo visualizar melhor o que pode estar ocorrendo e tentar te ajudar.

Fico no aguardo, abraços!