html - 如何减少 元素的上边距？

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">

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

更新 fiddle 在下面

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

在上面的 fiddle 中，我想减少 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>