Html 如何删除两个跨度标记之间的空白？

。侧栏{
背景色：红色；
}
@介质（最小宽度：768px）{
.侧栏{
z指数：10；
位置：absalute；
宽度：220px；
/*填充顶部：60px*/
身高：100%；
/*排名：0*/
位置：固定；
}
}
@介质（最小宽度：768px）{
.左上角{
宽度：220px；
位置：固定；
z指数：11；
/*排名：0*/
高度：60px；
}
}
/*---------------左上部分从这里开始------------*/
.左上角{
宽度：220px；
浮动：左；
背景色：#ffffff；
/*填充顶部：60px*/
}
.左上角图像{
浮动：左；
高度：40px；
宽度：50px；
左侧填充：1.3倍；
右边填充：10px；
垫面：2.7px；
}
.左上角文本{
显示：内联块；
填充顶部：6px；
字体大小：30px；
空白：nowrap；
/*字距：-1px；
/*浮动：对*/
/*左边距：10px*/
}
.文字精英{
字号：600；
}
.文本管理员{
左侧填充：-5px；
}
/*---------------左上部分到此结束-------------*/
/*---------------右上部分从这里开始----------*/
.右上角{
顶部：0！重要；
背景色：#4F5467；
宽度：100%；
高度：60px；
右：0；
}
.左箭头{
颜色：白色；
}
/*---------------右上角部分在这里结束----------------*/

精英
管理

更新Css

.left-top-text {
    display: inline-block;
    padding-top: 6px;
    font-size: 30px;
    white-space: nowrap;
    margin-left: -5px;
}

片段示例

。侧栏{
背景色：红色；
}
@介质（最小宽度：768px）{
.侧栏{
z指数：10；
位置：absalute；
宽度：220px；
/*填充顶部：60px*/
身高：100%；
/*排名：0*/
位置：固定；
}
}
@介质（最小宽度：768px）{
.左上角{
宽度：220px；
位置：固定；
z指数：11；
/*排名：0*/
高度：60px；
}
}
/*---------------左上部分从这里开始------------*/
.左上角{
宽度：220px；
浮动：左；
背景色：#ffffff；
/*填充顶部：60px*/
}
.左上角图像{
浮动：左；
高度：40px；
宽度：50px；
左侧填充：1.3倍；
右边填充：10px；
垫面：2.7px；
}
.左上角文本{
显示：内联块；
填充顶部：6px；
字体大小：30px；
空白：nowrap；
左边距：-5px；
}
.文字精英{
字号：600；
}
.文本管理员{
左侧填充：-5px；
}
/*---------------左上部分到此结束-------------*/
/*---------------右上部分从这里开始----------*/
.右上角{
顶部：0！重要；
背景色：#4F5467；
宽度：100%；
高度：60px；
右：0；
}
.左箭头{
颜色：白色；
}
/*---------------右上角部分在这里结束----------------*/

精英
管理

只需删除html标记之间的空格即可

。侧栏{
背景色：红色；
}
@介质（最小宽度：768px）{
.侧栏{
z指数：10；
位置：absalute；
宽度：220px；
/*填充顶部：60px*/
身高：100%；
/*排名：0*/
位置：固定；
}
}
@介质（最小宽度：768px）{
.左上角{
宽度：220px；
位置：固定；
z指数：11；
/*排名：0*/
高度：60px；
}
}
/*---------------左上部分从这里开始------------*/
.左上角{
宽度：220px；
浮动：左；
背景色：#ffffff；
/*填充顶部：60px*/
}
.左上角图像{
浮动：左；
高度：40px；
宽度：50px；
左侧填充：1.3倍；
右边填充：10px；
垫面：2.7px；
}
.左上角文本{
显示：内联块；
填充顶部：6px；
字体大小：30px；
空白：nowrap；
/*字距：-1px；
/*浮动：对*/
/*左边距：10px*/
}
.文字精英{
字号：600；
}
.文本管理员{
左侧填充：-5px；
}
/*---------------左上部分到此结束-------------*/
/*---------------右上部分从这里开始----------*/
.右上角{
顶部：0！重要；
背景色：#4F5467；
宽度：100%；
高度：60px；
右：0；
}
.左箭头{
颜色：白色；
}
/*---------------右上角部分在这里结束----------------*/

精英管理员

像这样更改您的CSS-这应该可以工作

.text-admin{
  display: inline-block;
  margin-left: -5px;
}

元素是inl

.top-left-part {
   width: 220px;
   float: left;
   background-color: #ffffff;
/* padding-top: 60px; */
   font-size: 0;
 }

<div>
   <span>My span 1</span><!-- 
--><span>My span 2</span><!--
--><span>My span 3</span><!--
--><span>My span 4</span>
</div>