我需要在WordPress頁面的2列布局

Question

我期待的頁面位於這裏https://themissingpieceonline.com/website-management-subscription/在2列的格式。 試過內置列格式但是這沒有奏效...... 這裏的編碼....

<p style="text-align: left;">[fullstripe_subscription form="webmanbasic"]</p> 

<h4><strong>Weekly Updates</strong></h4> 
<h4 style="text-align: left;"><strong>Monthly Site Backups</strong></h4> 
<h4 style="text-align: left;"><strong>Performance Check</strong></h4> 
<h4 style="text-align: left;"><strong>Security Check</strong></h4> 
<h4 style="text-align: left;"><strong>Client Reports</strong></h4> 
<h4 style="text-align: left;"><strong>Plus…</strong></h4> 
<h4><strong>3 months of access to our project management software!</strong></h4> 

想方讓表格和文字的一面。

我已經嘗試了一些WordPress插件，但沒有任何工作。你能幫助我嗎...... enter image description here

Answer 1

<style type="text/css"> 
#wrap { 
    width:600px; 
    margin:0 auto; 
} 
#left_col { 
    float:left; 
    width:300px; 
} 
#right_col { 
    float:right; 
    width:300px; 
} 
</style> 

<div id="wrap"> 

    <div id="left_col"> 
     <p style="text-align: left;">[fullstripe_subscription form="webmanbasic"]</p> 
    </div> 

    <div id="right_col"> 
     <h4><strong>Weekly Updates</strong></h4> 
     <h4 style="text-align: left;"><strong>Monthly Site Backups</strong></h4> 
     <h4 style="text-align: left;"><strong>Performance Check</strong></h4> 
     <h4 style="text-align: left;"><strong>Security Check</strong></h4> 
     <h4 style="text-align: left;"><strong>Client Reports</strong></h4> 
     <h4 style="text-align: left;"><strong>Plus…</strong></h4> 
     <h4><strong>3 months of access to our project management software!</strong></h4> 
    </div> 

</div> 

請確保colum-widths的總和等於包裹寬度。或者，您也可以使用寬度的百分比值。

Answer 2

您需要創建兩個div部分，如下面的示例。

**Column HTML** 
<div class="left">left content</div> 
<div class="right">right content</div> 

**Column CSS** 
.left, .right { 
    display: inline-block; 
    padding: 10px; 
    width: 50%; 
}