Entrada

Landing elemento centrado

Publicado
Por eliotjorge 1 min de lectura

Html para centrar mensaje en la pantalla

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>dental-studio.es</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex, nofollow">
    <style>
        *,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}body,html{height:100%}.domain{font-size:clamp(1.125rem,0.375rem + 2.4vw,1.875rem);padding:24px;height:100%;display:flex;align-items:center;justify-content:center;word-break:break-all;text-align:center;}
    </style>
</head>
<body>
    <div class="domain">dental-studio.es</div>

</body>
</html>
css, html, centrar
css html estilos
Esta entrada está licenciada bajo CC BY 4.0 por el autor.