为什么我不能让这些东西显示在同一条线上?

时间:2010-12-23 03:02:18

标签: html css

<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>

我试过显示:内联我认为这是做到这一点的方法。无论如何,我无法确定这很容易。感谢

2 个答案:

答案 0 :(得分:4)

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

哦,我刚注意到第二个div嵌套在第一个div中。 display: inline不是继承的。如果你希望外部div中的内容是内联的,你需要将它们内联。

答案 1 :(得分:3)

尝试在要显示在同一行的每个元素上设置display: inline,而不是外部/包含元素

另外,请考虑为您的文字使用span。您可能还需要查看float图片。