Html 如何将日期固定在文本的底部和行中（取决于文本）？

我设计了一个消息，在底部有日期

这是你的电话号码

我不知道如何使日期在底部（例如第二个框）。 如果文本不太长，我不知道如何将日期固定在文本行中。（例如，第一个框）

.parent{
溢出：隐藏；
背景：粉红色；
宽度：70%；
文本对齐：右对齐；
}
.孩子{
显示：内联块；
浮动：左；
文本对齐：左对齐；
}

txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt
嗯


txt文本文件

txt txt txt txt txt
嗯

我对您的代码做了一些更改。 这样，您可以在右下角显示日期

.parent{
溢出：隐藏；
背景：粉红色；
宽度：70%；
}
.孩子{
文本对齐：左对齐；
}
.对{
显示：内联块；
浮动：对；
}

txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt
嗯


txt txt txt
txt txt
嗯

我对您的代码做了一些更改。 这样，您可以在右下角显示日期

.parent{
溢出：隐藏；
背景：粉红色；
宽度：70%；
}
.孩子{
文本对齐：左对齐；
}
.对{
显示：内联块；
浮动：对；
}

txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt
嗯


txt txt txt
txt txt
嗯

您可以为日期设置类名，如下所示：

<span class="className"> HH:MM </span>

.className {
   // Setting margin 
   margin-top : 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   // Or padding
   padding-top : 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

---

您可以为日期设置类名，如下所示：

<span class="className"> HH:MM </span>

.className {
   // Setting margin 
   margin-top : 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   // Or padding
   padding-top : 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

---

HH:MM

将始终位于

txt

文本下方或

txt

小时在文本行中？如果小，则应与@m4n0Will

HH:MM

将始终位于

txt

文本下方或

txt

小时在文本行中？如果小，则应与@m4n0hank行中谢谢你的帮助。但问题是我不知道这篇文章多少钱。这是一种输入，用户可以输入不同数量的文本。也许我应该提一下。顺便说一句，@MinaS您可以使用绝对位置来表示跨度和相对于整个div的位置，然后定位跨度，使其始终位于该位置，无论文本大小。谢谢您的帮助。但问题是我不知道这篇文章多少钱。这是一种输入，用户可以输入不同数量的文本。也许我应该提一下。顺便说一句，@MinaS您可以使用相对于span的绝对位置和相对于整个div的位置，然后定位span，使其始终位于该位置，无论文本大小。我还有一个问题，当子元素的内容是[innerHTML]时，是否可以使用此设计？我尝试了很多，但总是有一些问题。我还有一个问题，当子元素的内容是[innerHTML]时，是否有可能进行这种设计？我试了很多，但总是有一些问题。