html - 更改按钮和文本相对于表格的位置

Question

我有一张 table ，我在右边的按钮上有一张 table 在左侧有一些文字。(它们平行)目前它非常靠近下面的 table ，我想移动文本和按钮有点向上，我应该怎么做？

<h4 style="display:inline">Users Table</h4>
<div style="float:right" class="text-right">

    <a href="#" id="addRow"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;New</a>

</div>

//Here start the table

@* List of users *@
<table class="table table-striped  ">

如果我使用 <br />它向上移动了很多，有办法按像素来做吗？

Answer 1

只需在文本和按钮周围创建一个 div，然后对其应用一些边距。

<div style="margin-bottom: 20px">
    <h4 style="display:inline">Users Table</h4>
    <div style="float:right" class="text-right">

        <a href="#" id="addRow"><i class="glyphicon glyphicon-plus"></i>&nbsp;&nbsp;New</a>

    </div>
</div>

//Here start the table

@* List of users *@
<table class="table table-striped  ">