如何控制嵌套<p> <a></a> </p>中文本的溢出行间距

Question

如何最小化此按钮的以下溢出文本之间的间距，该按钮只是

与嵌套

DEMO

<style type="text/css">
  p.button:hover { cursor: pointer; }
  p.padding  { padding:0; margin:0;}
</style>
<div style="width: 370px">
<table class="inline_button" style="width: auto ">
    <tr>
        <td style="text-align: center;  min-height: 28px;background-color: #000000; line-height: 28px;font-size: 12px;font-family: Arial, Verdana, sans-serif;padding: 0;border: 2px solid #fe9d39;"><div id="whatever">
            <p class="button padding" style="text-decoration: none; color: #ffffff; font-weight: bold;"><a style="text-decoration: none; color: #ffffff; font-weight: bold; padding:0px 10px; display:block;" href="http:msn.comr}">when this is really long it eventually overruns but can figure out </a></p>
        </div></td>
    </tr>
</table>
</div>

Answer 1

请将line-height或<a>的{​​{1}}属性设置为<p>或normal或1个单位。

添加此代码

px

OR

p.padding a{line-height:normal;}

OR

p.padding a{line-height:1;}

到你的样式表。