带删除按钮的样式列表

Question

<ol>
    <li ng-repeat="name in itemArray">
        {{ name }}
            <button id="deleteBtn" ng-click="deleteItem (item)">X</button>
    </li>

</ol>

是的，它中的AngularJS可以提供​​信息。它是一个列表，每个列表项旁边都有一个删除按钮，问题是，删除按钮是 - 列表项旁边的 - ，我希望它们有一些空间，但我没做什么似乎工作。我没有在这里添加css，因为没有什么可补充的。

Answer 1

只需在按钮上添加margin-left即可。在你的CSS中你会有这样的东西：

#deleteBtn {
    margin-left: 10px;
}

这是jsFiddlse

Answer 2

HTML：

<ol>
    <li ng-repeat="name in itemArray">
        {{ name }}
            <button id="deleteBtn" ng-click="deleteItem (item)">X</button>
    </li>

</ol>

CSS：

#deleteBtn {
    float: right;
}

JSFiddle