Html 如何将div内的段落放在一行中？

我试图将段落文本放入

div

中，并以单行显示。如果文本长于指定的宽度，则不应转到第二行（div之外）。 我尝试了CSS中的一切，使用了

文本溢出

和

空白

，但没有成功。 这是我的html的一部分：

   <li>
    <a href="#" id="searchLink">

        <div id="searchDiv">
            <img id="searchImg" src="" />
            <p id="searchedProductName">
            </p>
        </div>
    </a>
</li>

我用最新更新的CSS解决了显示行的问题，但paragragh仍然超出了

div

的范围

overflow: hidden;

---

在SearchDiv中，将

float:left

添加到图像中，并将

display:inline block

添加到容器div中

#searchDiv {
  z-index: 1000;
  width: 600px;
  height: 50px;
  display:inline-block;
}
#searchImg {
  width: 50px;
  height: 50px;
  float:left;
}

---

你能发布你的CSS吗？

#searchDiv {
  z-index: 1000;
  width: 600px;
  height: 50px;
  display:inline-block;
}
#searchImg {
  width: 50px;
  height: 50px;
  float:left;
}