Как сделать отступ между ссылками в css

Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице - необходимо использоваться свойство margin.

Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.

У свойства margin есть одна особенность - оно не дает нужный результат когда применятся к строчным элементам. Например ссылкам. Чтобы исправить ситуацию, нужно изменить свойство display у тега <a> на значение inline-block;

Исходный HTML документ:

  <a href="#">ссылка 1</a>
  <a href="#">ссылка 2</a>
  <a href="#">ссылка 3</a>
  <a href="#">ссылка 4</a>

Применив стиле ниже, мы добавим каждой ссылке вкруг отступ по 40px.

a {
  display: inline-block;
  margin: 40px;
}