2つのボタンの間のスペース

Question

私はVFページでこれらの2つのボタンの間にスペーシングを追加したいと思います。

<a href="{!$Site.prefix}/apex/PD_TopNonMgrReport" class="button gold pull-right">{!$Label.PD_YourDash_TopNonMgr_ViewTop100}</a> 

<a href="{!$Site.prefix}/apex/PD_Top20NonMgrReport" class="button gold pull-right">{!$Label.PD_YouDash_TopNonMgr_ViewTop20}</a> 

現在の出力は、あなたがHTML要素を使用しているので、あなたはこれがまたちょうどstyle="left:xx;position:relative;"を使用<apex:SomeElement>

で動作しますが、これを達成するためにCSSを使用することができ、この

Answer 1

を示していますxxは、追加する番号のpx/dpです。

あなたはインラインそれを使用するか、あなたのスタイルのセクションに追加することができ

<a href="{!$Site.prefix}/apex/PD_TopNonMgrReport" style="left:0px;position:relative;" class="button gold pull-right">{!$Label.PD_YourDash_TopNonMgr_ViewTop100}</a> 

<a href="{!$Site.prefix}/apex/PD_Top20NonMgrReport" style="left:20px;position:relative;" class="button gold pull-right">{!$Label.PD_YouDash_TopNonMgr_ViewTop20}</a>