Question

我无法将简单的文字链接与我正在构建的网站对齐。它包含在内容div中的段落中。我已经尝试将显示设置为内联，但问题是文本链接从其基线下降。我还试图通过删除空格（white-space：nowrap;）来编写一个针对锚点的CSS规则，但似乎没有任何效果。我显然在某些地方创建了一个错误。你们这些善良的人可以帮助我吗？

#content {
  margin-top: 0;
  margin-left: 110px;
  margin-right: 110px;
  margin-bottom: 50px;
  text-align: left;
  font-family: 'Times New Roman';
  font-size: 16px;
  line-height: 22px;
  color: #457b9d;
}
#content p {
  color: #000000;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 1px;
  margin-right: 1px;
}
#content a {
  text-decoration: none;
  color: #73b9e6;
  padding: 0;
  margin: 0;
  display: inline;
  white-space: nowrap;
}

<div id="content">
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Learn more <a href="#">about Joe</a></p>
</div>

出于隐私原因，我已经删除了原始文本，并且我使用的是定制字体，为了演示目的，我已将其更改为Times。

希望我已经包含了所有相关部分。我是新手，所以放轻松！感谢。

文字链接和基线问题

0 个答案: