2010-12-23 74 views
1
<div id="demo" style="display: inline;"> 

<div style="color:#DD4814; font-weight:bold; font-size:25px;">Buscá tu colegio:</div> 

<img src="Imagenes/info.png" title="Escribí el nombre <u>completo</u>. Si es un colegio no escribás 'colegio' o 'escuela' a menos que sea 'Escuela Normal', 'Escuela 1' o similar."/> 
</div> 

我试过显示:内联我认为这是做到这一点的方法。无论如何,我确信这很容易。谢谢为什么我不能让这些东西在同一行显示?

回答

4

你只把内联放在第一个div上。另一个是默认的块元素,它确保它在它之前和之后都有一个换行符。

哦,我只注意到第二个div嵌套在第一个div中。 display: inline未被继承。如果您希望外部div内的内容为内联,则需要将它们内联。

+0

不错的泥。 @Liso 22:同样值得注意的是,在嵌入对象中嵌入块对象通常被认为是不好的做法:http://stackoverflow.com/questions/746531/is-it-wrong-to-change-a-block-元件到直列与-CSS-如果-IT-包含-另一个-b – 2010-12-23 03:11:51

3

尝试要出现在同一行上每个单独的元素,而不是外部/含元素

同样在设置display: inline,可以考虑使用span为您的文本。您可能还想要查看float的图像。

相关问题