如何删除内联块元素之间的空间？

要删除inline-block元素之间的空间, 请使用margin-right属性。此属性用于删除其右侧元素之间的空间。此属性生成负值以保持靠近其相邻元素。

语法如下：

element { 
    margin-right:value;
 }

例子：

<!DOCTYPE html>
<html>
     <head>
         <style>
             nav a {
                 display: inline-block;
                 margin-right:-4px;
                 background: green;
                 color:white;
                 font-weight:bold;
                 text-decoration:none;
             }
             h1 {
                 color:green;
             }
             body {
                 text-align:center;
             }
         </style>
     </head>
     <body>
         <h1>srcmini</h1>
         <h2>margin-right:-4px;</h2>
         <nav>
             <a href = "#"> geeks </a>
             <a href = "#"> for </a>
             <a href = "#"> geeks </a>
         </nav>
     </body>
</html>

输出如下：