我无法删除下划线[重复]答案

【问题标题】：i cant remove underline [duplicate]我无法删除下划线[重复]
【发布时间】：2016-05-14 18:35:53
【问题描述】：

粗体正常，斜体正常工作，但下划线没有工作？为什么？如何通过更改样式参数修复第一个示例。

<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
vurgulu {
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  font-size:40;
}
vurgusuz{
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size:40;
}

</style>
</head>
<body>
Why output different? why first ex. zalimi underline?<br>
<vurgulu>Zulmü alkışlayamam, <vurgusuz>zalimi</vurgusuz> asla sevemem;</vurgulu>
<br>
<vurgulu>Zulmü alkışlayamam, </vurgulu><vurgusuz>zalimi</vurgusuz><vurgulu> asla sevemem;</vurgulu> 
</body>
</html>

【问题讨论】：

标签： html css styles underline

【解决方案1】：

尝试将vurgusuz 更改为display: inline-block。

<html>

<head>
  <meta charset="UTF-8">
  <style type="text/css">
    vurgulu {
      text-decoration: underline;
      font-weight: bold;
      font-style: italic;
      font-size: 40;
    }
    vurgusuz {
      text-decoration: none;
      font-weight: normal;
      font-style: normal;
      font-size: 40;
      display: inline-block;
    }
  </style>
</head>

<body>
  Why output different? why first ex. zalimi underline?
  <br>
  <vurgulu>Zulmü alkışlayamam,
    <vurgusuz>zalimi</vurgusuz>asla sevemem;</vurgulu>
  <br>
  <vurgulu>Zulmü alkışlayamam,</vurgulu>
  <vurgusuz>zalimi</vurgusuz>
  <vurgulu>asla sevemem;</vurgulu>
</body>

</html>

【讨论】：