3
I have the following login form inside a card panel:
What I could do to center my card on the page?
This is the code I have so far:
<div class="input-field col s12">
<input id="user_name" type="text" class="validate" required>
<label for="user_name">Usuário</label>
</div>
<div class="input-field col s12">
<input id="password" type="password" class="validate" required>
<label for="password">Senha</label>
</div>
<div class="switch">
<label>
<input type="checkbox">
<span class="lever"></span> Mantanha-me conectado
</label>
</div>
<div class="input-field col s12">
<br>
</div>
<div class="input-field col s12">
<button class="waves-effect waves-light btn" type="submmit">Login
</button>
</div>
<div class="input-field col s12">
<a href="#">Ainda não é membro? Crie já uma conta!</a>
</div>
Do you want to center the entire card on the page? And you would also need to see the full html, you just posted the html referring to the elements INSIDE the card.
– celsomtrindade