如何让<div>元素与句子中的文本在同一行显示？

• 问题本质：<div>是块级元素，浏览器默认样式会让它独占一行，所以拆分了你的句子。
• 两种简单解决办法：
  1. 替换为行内标签：把<div>换成<span>，<span>默认行内显示，不会打断句子。修改后的代码：

     I will be visiting on <span id="output">*blank*</span>, during the <span id="Timetext">*blank*</span>.
     

  2. 修改div的显示模式：如果不想换标签，给div添加CSS让它变成行内元素：
     • 内联样式写法：

       I will be visiting on <div id="output" style="display: inline;">*blank*</div>, during the <div id="Timetext" style="display: inline;">*blank*</div>.
       

     • 统一样式写法（适合多个元素）：

       #output, #Timetext {
         display: inline;
       }
       

• 额外提醒：你原代码里的<div>标签没有正确闭合（写成了/div），记得补成全</div>，避免HTML结构出错。

内容的提问来源于stack exchange，提问作者Klausmain