html如何把文字和div弄到同一行显示？

方法1：将ID为infoOutput里面的<div>设置行内样式。<div>本身是一个块元素，本来就占据一行，此时应将<div>设为行内元素即可。

#infoOutput div { display: inline-block}

方法2：建议将ID为infoOutput里面的<div>改为更为语义化的<span>元素。

一、给相应td添加white-space:nowrap；这个属性是设置文字强制不换行。

二、在td中添加<nobr>标签

如：<td><nobr>我是文字我是文字</nobr></td>。

<nobr>标签也是设置文字不换行的标签，但是标签内部可以添加换行符，如：

<td><nobr>我是文字我是文字<br>我是第二行的文字</nobr></td>。

1、HTML：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

2、超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

3、书写方式：

基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写。

半所见即所得软件。

所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页。

所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

<div style="width:150px height:30px line-height:30px overflow:hidden position:relative">这里输入文字内容。这里输入文字内容。</div>

设置高宽和溢出隐藏就行了，

---