html - 向下移动 anchor 标签？

Question

如何将“删除” anchor 标记向下移动，以便它与该行上的其余控件更好地对齐？

下面是我的 HTML:

    <strong><em>Items with an individual value less than $500 should be scheduled below.</em></strong>

<div class="dialogSection">
    <div style="float:left" class="first">
        <label for="unscheduledDescription" style="display:inline-block">
            Description of Equipment
        </label>
        <input id="unscheduledDescription" type="text" data-bind="value: coverage.unscheduledDescription" class="input input-lg" style="margin: 6px; padding: 5px;" />
    </div>
    <div style="float:left" class="first">
        <label for="unscheduledLimit" style="display:inline-block">
            Limit
        </label>
        <input id="unscheduledLimit" type="text" data-bind="value: coverage.unscheduledLimit" class="input input-number" style="margin: 6px; padding: 5px;" />
    </div>
    <div>
        <a href="#" data-bind="click: deleteUnscheduledCmd, clickBubble: false">
            delete
        </a>
    </div>
</div>

感谢您的帮助。

Answer 1

正如我所见，<a>用 div 包装，只需向 div 添加一个 id 并应用一些样式:

 <div id = "del">
        <a href="#" data-bind="click: deleteUnscheduledCmd, clickBubble: false">
            delete
        </a>
 </div>

CSS:

#del{
    padding-top:10px;
}

工作 fiddle :http://jsfiddle.net/wgsrrbav/

如果我有帮助请告诉我:)