Inspirado na ideia do curso gerei um site no wix e quero tentar chegar, através do HTML, CSS e JavaScript, chegar em um resultado semelhante. Existe alguma propriedade semelhante ao border-collapse que eu possa usar em listas? Pelo que pesquisei a propriedade border-collapse permite juntar a borda de uma célula com outra. Quero fazer isso com a listas. Veja meu código:
<nav class="links-navegacao">
<ul>
<div class="lista-links-nav">
<li class="link-nav"><a href="#">Home</a></li>
<li class="link-nav"><a href="#">Contrato de Aluguel</a></li>
<li class="link-nav"><a href="#">Dúvidas Frequentes</a></li>
<li class="link-nav"><a href="#">Dicas Importantes</a></li>
<li class="link-nav"><a href="#">Sobre</a></li>
</div>
</ul>
</nav>Estou aplicando o estilo e quero que cada elemento da minha lista pareça um elemento só. Tentei usar margin-right: 0; mas ainda fica um espaço mínimo entre cada elemento.
.link-nav {
padding: 10px 80px 10px 5px;
background-color: #056161;
margin-top: 9px;
margin-right: 0;
}wix: https://www.dropbox.com/s/oujrc1pqmm0p8gv/Captura%20de%20tela%202017-10-23%2017.09.29.png?dl=0
meu: https://www.dropbox.com/s/chmxvse9iaaruh9/Captura%20de%20tela%202017-10-23%2017.09.33.png?dl=0
