css span 和div同一行

CSS中的span和

div

都是常用的标签，但是它们的使用有所不同。

    <div>
        这是一个div标签。
    </div>
    <span>
        这是一个span标签。
    </span>

span标签一般用于文本中的小块级元素，比如单个字符或是一组单词，可以对span标签进行样式设置，比如颜色、字体等。

而

div

标签则常用于页面布局中，它是一个块级元素，可以设置宽度、高度、边框等样式，也可以设置居中、左浮动、右浮动等方便的布局效果。

如果想要把span和

div

放在同一行，并且依次排列，可以使用display: inline;或者display: inline-block;来设置这两个标签的样式。

    <div style="display: inline-block;">
        这是一个div标签。
    </div>
    <span style="display: inline;">
        这是一个span标签。
    </span>

在上面的代码中，

div

标签使用了display: inline-block;样式，span标签使用了display: inline;样式，这样就可以让它们在同一行显示了。