CSS <li>修复文本</li>

时间:2014-05-22 13:17:50

标签: css

考虑这种风格:

image

我正试图让价格在价格之后出现在行中:但正如你所看到的那样,它是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;
}

任何想法如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

因为

margin: 10px 0 0 0;
在你的CSS中

。将其更改为

margin: 0 0 0 0;

margin: 0;

答案 1 :(得分:1)

只需删除你的CSS中的保证金。