[Solved – 11 Answers] CSS – HTML -How to remove the space between inline-block elements

span 
{ 
    display:inline-block;
    width:100px;
}
<p>
    <span> wiki </span>
    <span> techy </span>
</p>

<p>
    <span> wiki </span><span> techy </span>
</p

// jQuery
$('p').contents().filter(function() { return this.nodeType === 3; }).remove();

<div>
    Element 1
</div><!--
--><div>
    Element 2
</div>

ul 
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
span 
{
  float: left;
  display: inline-block;
  width: 100px;
  background: blue;
  font-size: 30px;
  color: white;
  text-align: center;
}
<p>
  <span> wiki </span>
  <span> techy </span></p>

item 
{
  display: inline-block;
  margin-right: -0.25em;
}

p 
{
  display: flex;
}
span 
{
  float: left;
  display: inline-block;
  width: 100px;
  background: green;
  font-size: 30px;
  color: orange;
}
<p>
  <span>hi wikitechy </span>
  <span> hello wikitechy</span>
</p>

span 
{ 
    display:inline-block;
    width:100px;
    background:pink;
    font-size:30px;
    color:white; 
    text-align:center;

    float:left;
}

p 
{
   display: flex;
   flex-direction: row;
}

<ul class="items">
   <li>Item 1</li><?php
 ?><li>Item 2</li><?php
 ?><li>Item 3</li>
</ul>

span 
{
    display: table-cell;
}

     * 
{
          box-sizing: border-box;      
}
     .row 
{ 
           vertical-align: top;
          white-space: nowrap;       
 }
     .column
{ 
           float:left ; 
           display:inline-block ; 
           width:50% // or whatever in your case     
 }

<div class="row">
    <div class="column"> Hello Wikitechy</div>
    <div class="column">Wikitechy technology forum</div>
</div>

div a 
{ 
display: inline - block; margin - right: -4 px; 
}

nav 
{
 font - size: 0; 
}
 nav a 
{
 font - size: 16 px; 
}

< ul > < li > one < li > two < li > three < /ul>