Exemplos
Centralizar texto CSS Text Align
HTML
CSS
JS
Resultado
Avançados
<!-- Centralizando texto horizontalmente --> <div class="container1"> <p class="texto-centralizado">Texto centralizado</p> </div> <!-- Centralizando texto verticalmente --> <div class="container2"> <p class="texto-vertical">Texto centralizado verticalmente</p> </div> <!-- Centralizando texto horizontal e verticalmente --> <div class="container3"> <p class="texto-centralizado-vertical">Texto centralizado horizontal e verticalmente</p> </div>
/* Centralizando texto horizontalmente */ .container1 { width: 80%; margin: 0 auto; background-color: white; } .texto-centralizado { text-align: center; } /* Centralizando texto verticalmente */ .container2 { height: 200px; display: flex; align-items: center; justify-content: center; background-color: white; margin-bottom: 20px; } .texto-vertical { line-height: 200px; } /* Centralizando texto horizontal e verticalmente */ .container3 { height: 200px; width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: center; background-color: white; margin: 0 auto; } .texto-centralizado-vertical { text-align: center; line-height: 200px; }
Marcus Vinicius
Para usar
Cadastre-se
Código embed
Resultado
Avançados
Marcus Vinicius
Para usar
Cadastre-se
Código embed
© 2023 Marcus Oliveira.
Ajuda do editor de HTML
, Aproveite todos os recursos!
Versões
Ajuda
Exemplos
APP
Editor de HTML
*A busca não retorna histórias
, para isso visite a página histórias
Digite aqui para obter os resultados da pesquisa!
Search
Search