Html 固定位置动态，取决于文本长度

我有一个

元素，我想确定它的位置，但是它里面的文本被分为单个单词，每个单词后面都有一个换行符

例如：

<div id='daddy_cont'>
<img src='images/default/daddy.png'>
<div id='daddy_comment_cont'>
    <p id='daddy_comment'>Some random text here</p>     
</div>

但是文本是这样的：

Some
random
text
here

每个单词后面都有一个新行

---

我不希望文本拆分为垂直向下的单个单词，同时我希望

元素具有动态宽度，我不希望设置固定宽度。

您可能希望在容器中添加宽度（“em”或“%”）

 #daddy_cont {
    z-index: 10;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width:100%;
 }  

---

您可能希望向容器中添加宽度（'em'或'%'）

 #daddy_cont {
    z-index: 10;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width:100%;
 }  

您可以在“爸爸”评论中添加此样式

位置：相对位置； 宽度：100%

完成的工作将是：

 #daddy_comment {
     font-size: 13px;
     line-height: 18px;    padding: 10px;
    color: #333;
    position: relative;
    width: 100%; }

您可以在“爸爸”评论中添加此样式

位置：相对位置； 宽度：100%

完成的工作将是：

 #daddy_comment {
     font-size: 13px;
     line-height: 18px;    padding: 10px;
    color: #333;
    position: relative;
    width: 100%; }