2 divs html 페이지 중앙에 배치

Question

내 웹 페이지의 레이아웃을 더 잘 만들려고합니다. 따라서 HTML 페이지 중심에 두 개의 div를 배치하고 싶습니다. 내 CSS 파일에 액세스 할 수 없습니다. css없이 html 코드에서 한 페이지에 두 div를 가운데에 배치 할 수 있습니까?

이

내 코드입니다 :

<div style="width: 100%;"> 
 
<div style="; width: 100%;"> 
 
<h1 style="text-align: center;">This is Web Page Main tit</h1> 
 

 
<div style="position: relative; 
 
    float: left; 
 
    left: 0px; 
 
    width: 470px; 
 
    height: 470px; 
 
    margin: 0 auto; 
 
    background-color: #828282"> 
 
<div><strong>Main Menu</strong></div> 
 
    </div> 
 

 
<div style="position: relative; 
 
    float: left; 
 
    margin: 0 auto; 
 
    left: 0px; 
 
    width: 470px; 
 
    height: 470px; 
 
    background-color: #828282"> 
 
<p>oke and Managerial Tutorials</p> 
 
</div> 
 

 
</div> 
 
<div style="background-color: #b5dcb3; clear: both;">Here text</div> 
 
</div>

Answer 1

있습니다

<center> 
<div> 
<div style="display: inline-block"> 
<!-- div 1 contents -->  
</div> 
<div style="display: inline-block"> 
<!-- div 2 contents --> 
</div> 
</div> 
</center> 

Answer 2

난 당신이 시도하기 전에 그것을 배치하고 </center> div의 후 경우를 중심으로, 또는 원하는 수있는 <center> HTML 태그가 있음을 알고 어쩌면 당신은 여전히 ​​인라인 스타일을 바꿀 수 있고, 플로트를 제거하고, 지우고, 위치를 잡아서 추가 할 수 있습니다.

div { 
    margin: auto; 
} 

또한 당신은 당신의 페이지 중앙에 정렬 서로 옆에 두 <div>의 내용은 길 잃은 세미콜론 <div style=";width: 100%;">