怎么让span位于div的下边

在HTML中，如果你想让`<span>`元素位于其包含的`<div>`元素的下方，你可以通过调整这两个元素的位置属性来实现。通常，如果`<span>`是文本标签并且你想保持默认的行为，它会在`<div>`内垂直居中对齐。但如果你需要它作为行内块级元素（比如添加了特定样式使其成为块级），你可以使用CSS来控制：

1. 使用绝对定位 (`position: absolute;`) 和 `bottom: 0;` 让 `span` 指定到其容器底部：

   <div style="position: relative;"> <!-- div 作为参照物 -->
     <span style="position: absolute; bottom: 0;">这是span内容</span>
   </div>

2. 或者给`<span>`一个固定的 `margin-bottom` 或负 `padding-bottom` 来创建空间：

   <div>
     <span>这是span内容</span>
   </div>
   <style>
   span {
     margin-bottom: 10px; /* 或者 negative value */
     padding-bottom: calc(10px + (1em - font-size)); /* 防止因字体变化导致间距失效 */
   }
   </style>

请注意，这两种方法都依赖于外部样式，所以如果你想要这个布局在整个页面上通用，可能需要选择更合适的 CSS 结构。