Dijit 레이아웃 : ContentPanes를 인라인으로 표시하는 방법?

Question

다음 HTML에서 서로 인접한 상단 영역에 두 개의 ContentPane을 표시하려고합니다. 일반 HTML에서는 span을 사용하거나 display : inline을 사용하여 수행 할 수 있습니다. Dijit에서 어떻게 이것을 달성 할 수 있습니까?

<div> 
<div data-dojo-attach-point="_containerNode" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="gutters: false, design: 'headline'"> 
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'"> 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'"> 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"> 
    </div> 
</div> 

Answer 1

랩 같은 다른 BorderContainer에있는 두 개의 div의 다음 BorderContainer에 폭과 높이 :

<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="gutters: false, design: 'headline'"> 
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'top', gutters: false"> 
     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'left'"> </div> 
     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'right'"> </div> 
    </div> 
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center> </div> 
</div>