Ir ao conteúdo
  • Cadastre-se
Patrick Franco

CSS RESOLVIDO Texto não centraliza na tela

Recommended Posts

Boa noite,

 

Estou tentando aprender sobre HTML e CSS e já me deparei com problemas.

 

image.thumb.png.51fb34f05bfde4150d3ecf1bb3859e6d.png

 

Acredito eu que era pro KAT STORE fica centralizado na tela mas não está acontecendo isso. Alguém poderia me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Patrick Franco Olá, 

este elemento que você colocou não existe.  Apesar de " ser aceito"  ele não existe e por isso não funciona o CSS.

 

Experimente trocar o elemento <stl1>  por  <p>  ou <div>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Copia e cola esse código abaixo em um html vazio e veja o resultado!

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Centralizando texto </title>

<style>
    body{
        background-color: currentColor;
    }
    .stl1{
     font-family: monospace;
        color: aliceblue;
        text-align: center;
        font-size: 15px;
    }
    
    .texto{
        color: azure;
    }
    
    .destaque{
        color: chartreuse;
    }
</style>
</head>

<body>
   
<span class="stl1">Conteudo NÃO Centralizado</span>
<p class="stl1">Outro Conteúdo Centralizado</p>
<h4 class="stl1">Mais Conteúdo Centralizado</h4>

<blockquote class="texto">
   Alguns elementos do HTML são bem específicos em suas características, veja acima que:
   <code class="destaque"><i>span</i></code> não centraliza com o <code class="destaque"><i>text-align</i></code> , porque ele é um elemento inline, ou seja, ele terá a largura do texto dentro dele.
   <br><br>
   Já uma <code><i>div</i></code> e um <code class="destaque"><i>h (heading)</i></code>, são elementos de bloco e abrangerá a largura do contêiner, a menos que uma largura seja definida. 
</blockquote>

</body>
</html>

Você verá algo como:

image.thumb.png.01cd7c82b5e8b47091feec1ca5419033.png

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×