Html 如何裁剪标题的额外空间？

我刚得到第一份为当地说唱歌手开发网站的有偿开发工作，我非常紧张

我目前正在制作网站徽标和导航栏，我遇到了一些问题

到目前为止，我得到的是：

我想要的是在橙色的“Citi B”文本的顶部和底部裁剪出额外的空间。在去掉不必要的空间后，我想将它与limegreen div的底部对齐

以下是所有相关代码

HTML:

Flexbox代码：

.title-wrap {
-webkit-flex-direction: row;
-webkit-justify-content: space-between;
-webkit-align-items: flex-end;
}

---

这个问题可能很容易解决，但无论出于什么原因，我都一无所获。谢谢你能提供的任何帮助

我不理解你的问题，但我认为你的问题在于页面顶部的空间。
你们应该知道身体有一点边缘，你们应该去掉它。 这段代码也许可以帮助你

body {
margin: 0;
}

---

祝你好运。

你的第一个问题是右边的狗标志太高，导致橙色框上方出现绿色。哎哟。通过将其最大宽度设置为75%进行了修复。另外，请注意，这在其他浏览器（如Firefox和IE）上可能看起来很糟糕，因为您似乎只有一些

-webkit

css。

.title-wrap {
-webkit-flex-direction: row;
-webkit-justify-content: space-between;
-webkit-align-items: flex-end;
}

body {
margin: 0;
}