如何使HTML中的span和div标签在同一行显示？

要在HTML中让`<span>`和`<div>`标签在同一行显示，你可以采用以下几个方法：

1. **直接放置**:
如果内容不多并且不需要额外布局，可以直接将它们并列书写，比如：

   <span>Span内容</span><div>Div内容</div>

这样浏览器会默认按照文本流的方式显示，如果宽度足够，它们就会在同一行。

2. **CSS浮动**:
使用`float`属性可以让元素左对齐或右对齐，然后清除它们的浮动，保持其他元素在同一行。示例如下：

   <span style="float:left;">Span内容</span>
   <div style="clear:both;">Div内容</div>

或者给包含它们的容器设置`display: flex;`：

   <div style="display:flex;">
     <span>Span内容</span>
     <div>Div内容</div>
   </div>

3. **CSS Flexbox**:
利用Flex布局可以轻松地让两个元素并排，无须考虑浮动带来的副作用：

   <div style="display:flex;">
     <span>Span内容</span>
     <div>Div内容</div>
   </div>

4. **CSS Grid**:
如果需要更复杂的布局，可以考虑使用CSS Grid：

   <div style="display:grid; grid-template-columns: auto auto;">
     <span>Span内容</span>
     <div>Div内容</div>
   </div>