Шрифтовые иконки

@Sergey_EN · Регистрация: 29.03.2017

Author24 — интернет-сервис помощи студентам

Знающие люди подскажите как отодвинуть иконку от самого шрифта? вот такой код

HTML5

<ul>
    <li><i class="fa fa-location-arrow " aria-hidden="true">г. Бомбей</i></li>
    <li><i class="fa fa-mobile " aria-hidden="true">+7(800)2000600</i></li>
    <li><i class="fa fa-envelope" aria-hidden="true">admin@site.ru</i></li>
</ul>

@web-tech · 29.03.2017, 13:38

HTML5

<ul>
  <li><i class="fa fa-location-arrow " aria-hidden="true"></i>г. Бомбей</li>
  <li><i class="fa fa-mobile " aria-hidden="true"></i>+7(800)2000600</li>
  <li><i class="fa fa-envelope" aria-hidden="true"></i>admin@site.ru</li>
</ul>

CSS

ul {
  list-style: none;
  padding-left: 0;
  margin-left: 2.14285714em;
}
li {
  position: relative;
}
.fa {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

http://codepen.io/anon/pen/aJRXRP

@SergioSup · 29.03.2017, 13:41

задайте margin-right для иконки

@Sergey_EN · 29.03.2017, 14:10 **[ТС]**

Благодарю!!!

@SergioSup 84 / 81 / 42 Регистрация: 20.01.2017 Сообщений: 219
	29.03.2017, 13:41	3
	задайте margin-right для иконки 0

@Sergey_EN 0 / 0 / 0 Регистрация: 29.03.2017 Сообщений: 2
	29.03.2017, 14:10 [ТС]	4
	Благодарю!!! 0