如何将 <ul>
居中?横向?
我有带下划线的列表,但它似乎向左对齐,我想将它居中。
<ul id="give-donation-level-button-wrap" class="give-donation-levels-wrap give-list-inline">
<li><button type="button" data-price-id="1" class=" give-donation-level-btn give-btn give-btn-level-1 give-default-level" value="25.00">$25</button></li>
<li><button type="button" data-price-id="2" class=" give-donation-level-btn give-btn give-btn-level-2 " value="50.00">$50</button></li>
<li><button type="button" data-price-id="3" class=" give-donation-level-btn give-btn give-btn-level-3 " value="75.00">$75</button></li>
</ul>
另外,如何让选中的金额按钮在点击时有黄色边框?
最佳答案
试试这个:-
ul { text-align: center; }
li { display: inline-block; } /* Don't float them */
关于html - 如何将 <ul> 水平居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40314581/