Уменьшить расстояние между элементами списка li

Question

Господа нужна помощь как уменьшить расстояние между элементами списка. Пробовал margin и padding ничего не помогает только мой код полностью отодвигается в сторону которую я впишу. ![Текст] (https://sun6-13.userapi.com/z70ALOrTiv5_uqPf2EbgzVEZWxBwJawkaflGGw/PAmTplN6dOs.jpg)

footer {
    margin-top: 30px;
    background-color: #F7680B;
    padding: 10px;
    margin-left: 20px;
}
footer li {
  height: auto;
  display: inline-block;
  width: 100px;
  justify-content: space-around;
  font-size: 20px;
  padding-right: 70px;
  list-style: none;
  margin-left: -25px;
}
.ftr {
  text-decoration: none;
  color: white;
  font-family: Fantasy;
}

#spn {
    margin-top: 1px;
    display: flex;
    justify-content: flex-end;
    font-size: 17px;
}

<footer>
<ul>
                   <li><a class="ftr" href="#">Privacy</a> </li>
                   <li><a class="ftr" href="#">Terms</a> </li>
                   <li><a class="ftr" href="#">Contact</a> </li>
</ul>
                      <span id="spn"> &copy; Oculus, 2015 Copyright</span> 
</footer>

Answer 1

добавите вот это правило footer li:not(:first-of-type){} и меняйте расстояние так, как вам нужно. я поставил -55px.

footer {
    margin-top: 30px;
    background-color: #F7680B;
    padding: 10px;
    margin-left: 20px;
}
footer li {
  height: auto;
  display: inline-block;
  width: 100px;
  justify-content: space-around;
  font-size: 20px;
  padding-right: 70px;
  list-style: none;
  margin-left: -25px;
}

footer li:not(:first-of-type) {
 margin-left: -55px;
}
.ftr {
  text-decoration: none;
  color: white;
  font-family: Fantasy;
}

#spn {
    margin-top: 1px;
    display: flex;
    justify-content: flex-end;
    font-size: 17px;
}

<footer>
<ul>
                   <li><a class="ftr" href="#">Privacy</a> </li>
                   <li><a class="ftr" href="#">Terms</a> </li>
                   <li><a class="ftr" href="#">Contact</a> </li>
</ul>
                      <span id="spn"> &copy; Oculus, 2015 Copyright</span> 
</footer>

БЛОГ НА HUSL

Уменьшить расстояние между элементами списка li

Ответы (1 шт):