在更长的P或DIV中垂直传播jQuery按钮

Question

我已为我的问题准备了a simple jsFiddle demo。

在中心对齐的P元素中有一组jQuery按钮：

<P ALIGN="center">
        <BUTTON ID="recallBtn">Recall</BUTTON>
        <BUTTON ID="shuffleBtn">Shiffle</BUTTON>
        <BUTTON ID="swapBtn">Swap</BUTTON>
        <BUTTON ID="skipBtn">Skip</BUTTON>
        <BUTTON ID="resignBtn">Resign</BUTTON>
        <BUTTON ID="pileBtn" DISABLED>Pile</BUTTON>
        <BUTTON ID="playBtn">Play</BUTTON>
</P>

正如您所看到的那样，按钮显示为2行，因为段落太长了 - 按钮会垂直相互接触。

我怎么能在按钮之间添加一些垂直填充？

我尝试添加<P ALIGN="center" STYLE="line-height: 200%">和类似的东西（行高2或2em，也尝试使用DIV） - 但根本没有视觉变化。

为了向我的问题提供一些背景信息 - 我的HTML5游戏嵌入在Facebook canvas和Wordpress网站中，my custom CSS很少。

Answer 1

为.ui-button类添加保证金

工作实例 https://jsfiddle.net/p79dpvww/