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> 

측면하여 양식 및 텍스트면을 얻을 싶어합니다.

나는 이미 워드 프레스 플러그인을 시도했지만 아무 것도 효과가 없었다. 당신은

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> 

enter image description here는 콜 럼-폭의 합이 랩 폭과 동일 있는지 확인합니다 .... 나를 도울 수 있습니다. 또는 너비에 대한 백분율 값을 사용할 수도 있습니다.

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