如何让span标签 和 p标签的文字同行？

Question

如何让span标签 和 p标签的文字同行？标签不可修改。
例如

                                <div >
                                    <span >1</span>
                                    <span >2</span>
                                    <span >3</span>
                                    <p >123</p>
                                </div>

Answer 1

你先得知道什么是块级元素什么是行内元素，块级元素和行内元素又有什么特性。

给p标签 diaplay:inline-block.

Answer 2

你的意思是下面这样？

<p>
    p的内容
    <span>span的内容</span>
</p>

如果是span包着p可以这么设置css:(不过一般没人这么做，因为行内元素是不能包含块级元素的)

span p{

display:inline;

}

---

修改：

按照你给出的代码我设置display:inline是可以不换行的
在线地址

Answer 3

暂时想到两种方法

1. 将span用p包住

<div >
<p >123<span >1</span><span >2</span><span >3</span></p>
</div>

1. 利用浮动，html代码不用修改，给他们添加样式

<style type="text/css">
    span{float:left;}
    p{float:left;}
    div{overflow:hidden;}
</style>

Answer 4

别人的回答都没问题的，是不是你哪里样式冲突了
https://jsfiddle.net/f05wvsu6/