文字突出显示在顶部切断

Question

我是网页设计的新手。我目前正在我学校的网站上工作，但我遇到了一个问题。当我在.wrap中突出显示文本时，顶部会突出显示突出显示。为什么会发生这种情况，我该如何解决？感谢您的支持。

测试现场：http://whileloop.x10.mx/test/

Answer 1

由于line-height类70%设置为.wrap，因此突出显示在顶部处于切断位置。如果您将其保持为默认值并正确调整布局（设置margin-top的{​​{1}}，例如，如果这就是您之后的情况），则会正常突出显示。

Answer 2

尝试使用此

更改.wrap

    .wrap {
    color: #313131;
    float: left;
    line-height: 70%;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 3em;
    width: 100%;}