Centralizar Icone

0 respostas
html5css
D

gente gostaria de ajuda para centralizar o Icone em minha página pois nada do que eu faço está funcionando. obs: Tive que tirar o sinal das tags pois ele estava carregando como pagina e não texto pra postar aqui

div class=container

h1 class=text-center id=welcome>Bem-vindo ao SICAM</h1

div class=row

div class=col-md-4

/div

div class=col-md-4

input type=text class=form-control name=usuario placeholder=Digite o usuário

input type=password class=form-control name=senha placeholder=Digite a senha

a href="#" class=btn-logar>i class=fas fa-chevron-circle-right id=icone>

/div>

div class=col-md-4>

/div>

/div>

/div>

segue também o css

#welcome{

margin-top: 25%;

color:#050301;

}

.logar{

height: 30px;

width:40px;

}

.btn-logar{

align-items: center;

display: flex;

}

#icone{

color: blue;

font-size: 30px;

}

.form-control{

background: transparent;

border-radius: 0px;

border: 0px;

padding: 30px;

font-size: 24px;

border-bottom: 1px solid white;

margin-top: 10px;

}

.container1{

width: 50%;

height: 50%;

margin-top: 20%;

margin-left: 25%;

display: flex;

flex-direction: row;

text-align: center;

justify-content: center;

align-items: center;

}
Criado 11 de novembro de 2019
Respostas 0
Participantes 1