需要帮助修复内容的放置

Question

我的内容框需要帮助。它被放置在我的标题之下，但之后我在标题中替换了我的网页标题的字体，由于某种原因，这导致内容下降到远低于我的标题，尽管这个新字体实际上占用的空间比前一个，我在网页上使用了inspect-element，除了方框内的任何内容都没有任何内容 - <EI_HOME>/wso2/msf4j/bin/carbon.sh。

我认为这个内容在我的HTML中，所以对于这个框来说没有任何意义 - <div>推送内容。

<div>

#content {
  font-size: 16px;
  display: inline-block;
  margin-left: 30px;
  font-family: "Times New Roman", Times;
  text-align: center;
  background-color: #1A1A1A;
  margin: 30px;
  width: 730px;
  color: #F1F1F1;
  float: right;
}

header {
  margin: 0 auto;
  color: #F1F1F1;
}

#titel {
  float: right;
  font-size: 70px;
  font-family: 'Stalemate', cursive;
  padding: 48px;
}

.box {
  width: 1000px;
  margin: auto;
}