R 将日期和作者放在同一行中，并在-YAML标题后面放一个水平行

我试图在下面的标题后面插入一条水平线（--），但该线被放置在错误的位置，侵入了标题区域。当我在css中添加float配置时，它就开始发生了。对正在发生的事情有任何暗示吗

---
title: "report"
author: "who cares"
date: "`r format(Sys.time(), '%d, %B, %Y')`"
output: html_notebook
---

<style type="text/css">

h1.title {
  font-size: 38px;
  color: DarkBlack;
  text-align: left;
}
h4.date { /* Header 4 - and the author and data headers use this too  */
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
  color: DarkBlack;
  float: right;
}

h4.author { /* Header 4 - and the author and data headers use this too  */
    font-size: 18px;
  font-family: "Times New Roman", Times, serif;
  color: DarkBlack;
  float: left;
}
</style>

---

---
标题：“报告”
作者：“谁在乎？”
日期：“`r格式（Sys.time（），'%d，%B，%Y'）`”
输出：html\U笔记本
---
h1.标题{
字号：38px；
颜色：黑色；
文本对齐：左对齐；
}
h4.date{/*头4-作者和数据头也使用它*/
字号：18px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
颜色：黑色；
浮动：对；
}
h4.author{/*头4-而author和data头也使用它*/
字号：18px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
颜色：黑色；
浮动：左；
}
---

这是浮动元素的css问题

只需将clearfix添加到包含头div，如下所示：

<style>
  [...]
  div#header {
    overflow: auto;
  }
</style>

[...]
div#头{
溢出：自动；
}

（有关更多详细信息，请参阅）

---

更新：
根据OP的要求，完整代码将为

---
title: "report"
author: "who cares"
date: "`r format(Sys.time(), '%d, %B, %Y')`"
output: html_notebook
---

<style type="text/css">

h1.title {
  font-size: 38px;
  color: DarkBlack;
  text-align: left;
}

h4.date { /* Header 4 - and the author and data headers use this too  */
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
  color: DarkBlack;
  float: right;
}

h4.author { /* Header 4 - and the author and data headers use this too  */
  font-size: 18px;
  font-family: "Times New Roman", Times, serif;
  color: DarkBlack;
  float: left;
}

div#header {
  overflow: auto;
}
</style>

---

---
标题：“报告”
作者：“谁在乎？”
日期：“`r格式（Sys.time（），'%d，%B，%Y'）`”
输出：html\U笔记本
---
h1.标题{
字号：38px；
颜色：黑色；
文本对齐：左对齐；
}
h4.date{/*头4-作者和数据头也使用它*/
字号：18px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
颜色：黑色；
浮动：对；
}
h4.author{/*头4-而author和data头也使用它*/
字号：18px；
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
颜色：黑色；
浮动：左；
}
div#头{
溢出：自动；
}
---

好的，我只是把一些
放在---上面，它就把它修好了。你能把你的建议添加到我的代码中吗？我试着这样做，或者甚至做了你发送的链接告诉我的事情，但是没有让它工作……实际上，在你现有的

块中，只有一条css指令让它对我工作。为Clarity更新我的答案谢谢！我试图把它放在author和date元素中。