使用<div>标签时无法让计数器与文本同行的问题咨询

嘿，这问题我太懂啦！你碰到的核心问题就是<div>标签的默认特性——它是个块级元素，会独占一整行空间，所以哪怕你把“Download”放在</div>后面，也会被挤到下一行。下面给你俩简单直接的解决办法：

方法一：修改div的显示样式 #

给包含计数器的div加上display: inline-block;样式，把它从块级元素改成行内块元素，这样就能和后面的文本乖乖待在同一行啦：

<div id="counter" style="display: inline-block;">36</div> Downloads

方法二：用span替换div #

<span>标签天生就是行内元素，本来就会和普通文本、其他行内内容排在同一行，直接把div换成span就行：

<span id="counter">36</span> Downloads

要是你的计数器是靠JavaScript动态渲染出来的，只要保证渲染结果的容器是行内或行内块元素，就能轻松实现36 Downloads这种同行显示的效果咯！

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