Código de CSS - Centrar un texto horizontal y vertical en un div

Filtrado por el tag: user-select

Val: 181

Centrar un texto horizontal y vertical en un div

Publicado el 31 de Julio del 2019 por Joan (121 códigos)

1.362 visualizaciones desde el 31 de Julio del 2019

Ejemplo de como centrar un texto vertical y horizontal dentro de un elemento.

centrar-texto-elemento

Publicado el 31 de Julio del 2019

1.363 visualizaciones desde el 31 de Julio del 2019

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <style>

    .parent {

        border: 1px solid #333;

        height: 250px;

        position: relative;

        width: 250px;

    .child {

        left: 50%;

        position: absolute;

        top: 50%;

        transform: translate(-50%, -50%);

        text-align: center;

    </style>

</head>

<body>

    <div class="parent">

        <div class="child">Texto centrado</div>

    </div>

</body>

</html>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5451

Impedir la selección de un texto con CSS