html - 如何内联div

Question

以下是我的 div，我试图在其中创建一个正方形 div，我遇到的问题是，每当我尝试创建一个正方形时，正方形就会换行。

例子:

My [SQUARE] Should look like this // NO linebreakBut my // line automatically break[SQUARE] /* line automatically break */ look like this

Note: I cannot use float to left and right and also i tried display:inline; but it didnot work. Kindly let me know how can i create a square inline to my content

<div style="width:10px; height:10px; border:1px solid #000; background:yellow;"></div>

Answer 1

据我了解，这是正在发生的事情:

Your content
[SQUARE]
More content

代替

Your content [SQUARE] more content

你试过display: inline-block;

此外，检查包含的 div 是否能够将所有这些内容放在一行中。

编辑: 请记住，display: block 是(大多数)元素的 DEFAULT 属性，这将强制它们换行.因此，要更改此设置，您可以通过设置自定义 display: 属性自行覆盖默认值。

要获得它们的全部列表，请访问:http://www.w3.org/wiki/CSS/Properties/display