CSS <li> 修复文本越界

Question

考虑这种风格:

我试图让价格显示在价格之后:但正如您所见，它上升得很好，这是 AJAX 选择，代码如下:

<ol class="currently">    
    <li>
        <a href="html" class="btn-remove" title="Remove This Item">Remove This Item</a>                  
        <span class="label">Price:</span> 
        <span class="price">$22.00</span> - <span class="price">$35.00</span>
    </li>
</ol>

CSS:

.block-layered-nav .currently .label {
    font-weight: bold;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 0;
}

有什么办法解决这个问题吗？

Answer 1

因为

margin: 10px 0 0 0;

在您的 CSS 中。改成

margin: 0 0 0 0;

或

margin: 0;