Quiero centrar el <div="container">
verticalmente con flexbox, lo estoy aprendiendo pero no logro que se centre, estoy utilizando el justify-content: center
para ajustarlo al centro (horizontalmente) y align-items:center
(Para ajustarlo al centro verticalmente), pero solo me toma el justify-content el align-items no me lo toma.
Html:
<div class="container" style="height: 200px; width: 300px; background: #fff;">
<form action="index_submit" method="get" accept-charset="utf-8">
<input type="text" name="" id="inputuser" placeholder="Username">
<input type="password" name="" id="inputpass" placeholder="Password">
<button class="buton">Log in</button>
</form>
</div>
CSS3
body{
background: #978;
display: flex;
justify-content: center;
align-items: center;
}
.container{
display: flex;
}