如何减少css / html中行之间的空格？

Question

您好我正在尝试实现以下结果（如果重要的话，使用flex-box），以便我的文本行之间的间距非常小：

期望的结果：

到目前为止我的最大努力：

使用 PUG

.blackheader {
  display: flex;
  flex-wrap: wrap;
  background-color: black;
  color: white;
  line-height: 0px;
}

.blueblackheader {
  height: 60px;
  width: 62.5px;
  overflox-x: auto;
  background-color: #ededed;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  padding: 1px 1px;
  text-decoration: none;
  text-align: center;
  background-color: #034ea2;
  font-family: prored-bold;
  display: inline-block;
  text-align: left;
}

.blackheader .blueblackheader p The br p Weather br p Channel