Magento：一页结帐对齐问题（付款方式）

Question

我确定这与白天和黑夜一样明显，但是在我的一生中，我无法在代码中看到为什么PayPal和Purchase Order按钮和文本不在同一行上。

任何帮助都会很棒

https://www.acuity-sports.com/onepagecheckout/

Answer 1

您应该在CSS中添加display: inline; 到sp-method的标签-像这样：

.sp-methods label {
    display: inline;
}

这将使标签的显示是内嵌在单选按钮。

在此处输入图片说明

Answer 2

这很简单

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

您会看到html HTML <dl> Tag在浏览器中自动显示在另一行上，请参见此处的示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test

如果要使其浮动，则必须添加CSS样式以覆盖dt, dd到'float：left'

这是小提琴上的一个例子http://jsfiddle.net/9Q7T9/