Pesquisar na Comunidade
Mostrando resultados para as tags ''style''.
Encontrado 1 registro
-
Criei uma <li> e estilizei ela porem quando transformei em botão a mesma não preencheu toda a <li> .list { color: #eee; list-style: none; padding-left: 0px; } li:nth-child(odd) { background-color:#13171d; } li>i {margin-right:15px; } .list> li { padding: 15px 0px 15px 40px; font-size: 16px; font-weight:lighter; } .list>li:hover { color: white; box-shadow:1px 1px 10px 1px #50e6df inset; transition: padding-left 0.2s linear; padding-left: 60px; } <ul class="list"> <li><i class="fa fa-safari" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Safari</a></li> <li><i class="fa fa-thumbs-up" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Likes!</a></li> <li><i class="fa fa-users" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Social</a></li> <li><i class="fa fa-bar-chart" aria-hidden="true"></i><a href="#ne" style="text- decoration:none">Estatísticas</a></li> </ul> A questão é como transformar toda a <li> em um botão? Sem modificar o style? Obs. Aumentei a letra para que todos consigam observar a pergunta.
