Мне нужно расположение двух столбцов на страницах WordPress

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> 

Убедитесь, что сумма, совпадающих ширин равна ширине обруча. В качестве альтернативы вы также можете использовать процентные значения для ширины.

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%; 
}