如何减少<hr />元素的上边距？

Question

我的代码是这样的：

<div class="right">
    <div style="padding-left: 40mm;"> 
        <table>
            ...
        </table>
    </div>
    <hr style="max-width: 40mm; margin-right:0 height:1px; border:none; color:#333;background-color:#333;">
</div>

我希望缩小hr和div代码

之间的空间

我试过以下

<hr style="max-width: 40mm; margin-right:0 height:1px; border:none; color:#333;background-color:#333;margin-top:-10px !important">

但它不起作用。我该如何解决？

更新小提琴在

之下

https://jsfiddle.net/oscar11/qgr0u3wb/

在上面的小提示中，我想减少hr和<div class='test'>之间的空间

Answer 1

hr {
  display: block;
  margin: 0 0 0 auto;
  border: none;
  border-style: inset;
  border-width: 1px;
  border-color:#333;
  max-width: 40mm;
}

<div class="right">
    <div style="padding-left: 40mm;"> 
        <table>
            ... Here's your answer
        </table>
    </div>
    <hr />
</div>