如何减少“空白：前行”创建的空间。以下是我将行前属性应用于

Question

   <div class="right">
        <div class="set-left" ><p><i class="fa fa-phone"></i> +92 313 2724258</p></div>

        <div class="set-mid" >
          <a href="#" style="padding: 8px;"><i class="fa fa-comments " style="margin-right: 5px;"></i> Live Chat</a>
          <a href="login.html" style="padding: 8px"><i class="fa fa-user" style="margin-right: 5px;"></i> Login</a>
          <a href="register.html" style="padding: 8px"><i class="fa fa-user" style="margin-right: 5px;"></i> Register</a>
        </div>

        <div class="set-right" >
            <a href="#" ><i class="fa fa-facebook" ></i></a>
            <a href="#" ><i class="fa fa-twitter" ></i></a>
            <a href="#" ><i class="fa fa-google-plus" ></i></a>
            <a href="#" ><i class="fa fa-linkedin" ></i></a>
        </div>
      </div>

我使用了空格：样式中的预行符使这些div居中对齐，但是我想缩小它们之间的空间