How do I center vertically and horizontally on css?

Asked

Viewed 47 times

-3

Age calculation 
    body{
        text-align: center;
        justify-items: center;
    }

</style>

<h1>Calcular idade a partir da data de nascimento</h1>
<h3>Digite a sua data de nascimento para que seja calculada sua idade</h3>

    <input type="date" name="nascimento" id="ano de nascimento"> <br>
    <input type="button" value="Clique para ver sua idade">

        wasd   <!--tentei centralizar verticalmente e horizontalmente este wasd como exemplo, porem não consegui-->
html css html5 css3

1 answer

-2


Welcome to the Sopt! I recommend researching some topics before posting a question, because right here there are already several answers to your question.

In time, note the following complete example created with HTML5 syntax:

<html>
<head>
<style>
  section {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
</style>
</head>
<body>
<section>
   <h1>Calcular idade a partir da data de nascimento</h1>
   <h3>Digite a sua data de nascimento para que seja calculada sua idade</h3>
       <input type="date" name="nascimento" id="ano de nascimento"> <br>
       <input type="button" value="Clique para ver sua idade">
       <p>wasd</p> 
</section>
</body>
</html>

Browser other questions tagged html css html5 css3

You are not signed in. Login or sign up in order to post.